<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="./img/logo.png" type="image/icon">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/1.css">
    <link rel="stylesheet" href="./css/2.css">
    <link rel="stylesheet" href="./css/3.css">
    <link rel="stylesheet" href="./css/4.css">
    <link rel="stylesheet" href="./css/5.css">
    <link rel="stylesheet" href="./css/6.css">
    <link rel="stylesheet" href="./css/7.css">
    <link rel="stylesheet" href="./css/8.css">
    <link rel="stylesheet" href="./css/9.css">
    <link rel="stylesheet" href="./css/10.css">
    <link rel="stylesheet" href="./css/11.css">
    <link rel="stylesheet" href="./css/12.css">
    <link rel="stylesheet" href="./css/13.css">
    <link rel="stylesheet" href="./css/14.css">
    <link rel="stylesheet" href="./css/swper.min.css">
    <title>SpicyBet Casino</title>
    <style>
        [v-cloak]{
            display: none;
        }
        ::-webkit-scrollbar{
            display: none;
        }
        *{
            margin: 0;
            padding: 0;
        }
        body{
            background: #0E131B;
        }
        #app{
            height: 100vh;
            display: flex;
            flex-direction: column;
        }
        .wrapper_top,.wrapper_aside,.wrapper_main,.wrapper_footer{
            cursor: pointer;
            background: #16202D;
        }
        .wrapper_main{
            position: relative;
            margin: 0 auto;
            max-width: 1200px;
        }
        .mainMask{
            -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
            position: fixed;
            top: 60px;
            bottom: 0;
            right: 0;
            left: 240px;
            z-index: 99;
        }
        .wrapper_top,.wrapper_footer{
            height: 64px;
        }
        .wrapper_top{
            position: sticky;
            top: 0;
        }
        .wrapper_content{
            display: flex;
            overflow: auto;
            flex: 1;
        }
        .wrapper_aside{
            overflow: scroll;
            width: 240px;
            box-shadow: var(--design-box-shadow);
            transition: width 0.5s;
        }
        .toggle_side{
            width: 0;
            transition: width 0.5s;
        }
        .wrapper_main{
            padding: 10px;
            overflow-y: auto;
            background: rgba(13,19,28,.8);
            flex: 1;
        }
        .adm-list-item,.adm-list-body-inner{
            background: #161f2c !important;
        }
        .adm-list-item-content,.adm-list-body{
            border: 0 !important;
        }
        .ant-tabs-tab-active {
            border-bottom: 2px solid #2283f6;
        }
        .selectBox{
            -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
            position: fixed;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            top: 0;
            bottom: 0;
            right: 0;
            left: 0;
            z-index: 999;
        }
        .loading{
            background: #1c2532;
            position: fixed;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            top: 0;
            bottom: 0;
            right: 0;
            left: 0;
            z-index: 99999;
        }
        .selectContent{
            position: relative;
            width: 50%;
            background: #1c2532;
            border-radius: 10px;
            padding: 10px;
        }
        .csitem{
            display: flex;
            align-items: center;
            justify-content: space-between;
            cursor: pointer;
            padding: 10px 0;
        }
        .closeIcon{
            cursor: pointer;
            position: absolute;
            bottom: -40px;
            left: 50%;
            transform: translateX(-50%);
            width: 25px;
            height:25px;
        }
    </style>
</head>
<body>
<div id="app">
    <!-- 页面头部 -->
    <div class="wrapper_top" v-cloak>
        <div class="GbHeader_root__hlrsP">
            <div class="GbHeader_inner__J2Hco" style="margin-left: 0px;">
                <div class="adm-space adm-space-horizontal adm-space-align-center GbHeader_headerLeft__wVzdG">
                    <div class="adm-space-item">
                        <div class="HeaderLogo_root__5TZD4 undefined shape-1">
                            <div class="HeaderLogo_inner__U7o66">
                                <div @click="toggleActive = ! toggleActive" 
                                :class="{'HeaderLogo_active__8cgS4': !toggleActive}"
                                class="HeaderLogo_hideMenuTriggerOnMobile__Mw25J HeaderLogo_leftMenuButton__g1ZMV">
                                    <img
                                        src="https://spicy.rescdns.com/static/cdnimg/v4/67D0A0033C348AD7FECBBD02A7C71157" alt=""
                                        style="width: 30px; height: auto;">
                                </div>
                                <div @click="refres" class="adm-image HeaderLogo_logo__j+zC9">
                                    <img class="adm-image-img"
                                        src="https://spicy.rescdns.com/static/cdnimg/v4/6AB438B5C752DDA6D5FD9C6A8E48FF97"
                                        draggable="false" style="object-fit: contain; display: block;">
                                </div>
                                <div @click="refres" class="adm-image HeaderLogo_pcLogo__2pHse" style="height: 45px;">
                                    <img class="adm-image-img"
                                        src="https://spicy.rescdns.com/static/cdnimg/v4/E811E771DE760C19085FFCD4F72FBB09@400x400"
                                        draggable="false" style="object-fit: contain; display: block;">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div v-cloak v-if="showBtn">
                        <div class="adm-space-item">
                            <div class="GbSwitchModeButton_root__IhovT">
                                <div class="GbSwitchModeButton_item__FC7wq GbSwitchModeButton_on__8tBqB">
                                    <span
                                        class="GbSwitchModeButton_itemIcon__7b+ZW">
                                        <svg class="GbIcons_icon__P8dvB" width="16"
                                            height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg"
                                            style="fill: rgb(255, 255, 255);">
                                            <path fill-rule="evenodd" clip-rule="evenodd"
                                                d="M5.35 0.649597C2.39528 0.649597 0 3.04487 0 5.9996C0 8.95432 2.39528 11.3496 5.35 11.3496H10.65C13.6047 11.3496 16 8.95432 16 5.9996C16 3.04487 13.6047 0.649597 10.65 0.649597H5.35ZM3.21545 5.46439H4.20007V4.48825C4.20007 4.42416 4.2128 4.36069 4.23754 4.30148C4.26228 4.24226 4.29855 4.18846 4.34426 4.14313C4.38998 4.09781 4.44425 4.06186 4.50398 4.03733C4.56371 4.01281 4.62772 4.00018 4.69238 4.00018C4.75703 4.00018 4.82104 4.01281 4.88077 4.03733C4.9405 4.06186 4.99477 4.09781 5.04049 4.14313C5.0862 4.18846 5.12247 4.24226 5.14721 4.30148C5.17195 4.36069 5.18468 4.42416 5.18468 4.48825V5.46439H6.1693C6.29987 5.46439 6.42509 5.51581 6.51741 5.60734C6.60974 5.69887 6.66161 5.82301 6.66161 5.95246C6.66161 6.0819 6.60974 6.20604 6.51741 6.29757C6.42509 6.3891 6.29987 6.44052 6.1693 6.44052H5.18468V7.41666C5.18468 7.48075 5.17195 7.54422 5.14721 7.60344C5.12247 7.66265 5.0862 7.71646 5.04049 7.76178C4.99477 7.8071 4.9405 7.84305 4.88077 7.86758C4.82104 7.8921 4.75703 7.90473 4.69238 7.90473C4.62772 7.90473 4.56371 7.8921 4.50398 7.86758C4.44425 7.84305 4.38998 7.8071 4.34426 7.76178C4.29855 7.71646 4.26228 7.66265 4.23754 7.60344C4.2128 7.54422 4.20007 7.48075 4.20007 7.41666V6.44052H3.21545C3.08488 6.44052 2.95966 6.3891 2.86734 6.29757C2.77501 6.20604 2.72314 6.0819 2.72314 5.95246C2.72314 5.82301 2.77501 5.69887 2.86734 5.60734C2.95966 5.51581 3.08488 5.46439 3.21545 5.46439ZM13.0308 5.95246C13.0308 6.76106 12.3695 7.41666 11.5539 7.41666C10.7383 7.41666 10.077 6.76106 10.077 5.95246C10.077 5.14385 10.7383 4.48825 11.5539 4.48825C12.3695 4.48825 13.0308 5.14385 13.0308 5.95246Z"
                                                fill="#617496" style="fill: rgb(255, 255, 255);"></path>
                                        </svg>
                                    </span>
                                    <span class="GbSwitchModeButton_itemTitle__JOV+O">Game</span>
                                </div>
                                <div class="GbSwitchModeButton_item__FC7wq ">
                                    <span class="GbSwitchModeButton_itemIcon__7b+ZW">
                                        <span
                                            role="img" class="anticon">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="1em"
                                                height="1em" viewBox="0 0 12 12">
                                                <path
                                                    d="M6.609.054a6.01,6.01,0,0,1,5.433,5.433A4.787,4.787,0,0,1,7.955,4.14,4.785,4.785,0,0,1,6.609.054Zm4.736,6.5A5.788,5.788,0,0,1,5.6.048,5.994,5.994,0,0,0,.047,5.608a5.709,5.709,0,0,1,6.44,6.44A5.993,5.993,0,0,0,12.047,6.5a5.8,5.8,0,0,1-.7.047ZM4.159,7.936A4.725,4.725,0,0,0,.054,6.618,6.012,6.012,0,0,0,5.475,12.04a4.723,4.723,0,0,0-1.316-4.1Z"
                                                    fill="currentColor" transform="translate(-0.047 -0.048)"></path>
                                            </svg>
                                        </span>
                                    </span>
                                    <span class="GbSwitchModeButton_itemTitle__JOV+O">Sport</span>
                                </div>
                                <div class="GbSwitchModeButton_bg__zNRh4" style="transform: translateX(0%);"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 已登录状态 -->
                <div v-cloak v-if="isLogin">
                    <div class="GbHeader_headerRight__Fo8z-">
                        <div class="adm-space adm-space-horizontal adm-space-align-center">
                            <div class="adm-space-item">
                                <div class="adm-space adm-space-horizontal adm-space-align-center Wallet_walletMode1__KLoJg">
                                    <div class="adm-space-item">
                                        <span style="cursor: pointer;">
                                            <div class="Wallet_balanceText__PNTuG">
                                                <div class="Money_root__s1MoL" style="flex-direction: column; align-items: flex-end;">
                                                    <div style="line-height: 24px;">
                                                        <span class="Money_symbol__Eb-qb">R$</span>
                                                        <span>0</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </span>
                                    </div>
                                    <div class="adm-space-item" @click="showRecharge = true;">
                                        <button type="button" class="adm-button adm-button-danger adm-button-mini adm-button-shape-default Wallet_walletButton__YuJc8">
                                            <span role="img" aria-label="wallet" class="anticon anticon-wallet">
                                                <svg viewBox="64 64 896 896" focusable="false" data-icon="wallet" width="1em" height="1em" fill="currentColor" aria-hidden="true">
                                                    <path d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-32 464H528V448h320v128zm-268-64a40 40 0 1080 0 40 40 0 10-80 0z"></path>
                                                </svg>
                                            </span>
                                        </button>
                                    </div>
                                </div>
                            </div>
                            <div class="adm-space-item">
                                <div  @click='showUserInfo = true;'>
                                    <div class="UserProfile_avatar__LJNsV profileStyle-1">
                                        <span class="ant-avatar ant-avatar-circle ant-avatar-image ant-avatar-icon" style="width: 32px; height: 32px; line-height: 32px; font-size: 16px;">
                                            <img src="https://spicy.rescdns.com/static/cdnimg/v4/75D434F9A542A06D24B078B98642E274">
                                        </span>
                                    </div>
                                </div>
                            </div>
                            <div class="adm-space-item" @click="showMessage = true;">
                                <span class="ant-badge GbMessageButton_root__SuytS">
                                    <img src="https://spicy.rescdns.com/static/cdnimg/v4/73922204B243D1B985B1B7F7EAF3122D" class="GbMessageButton_icon__pr0+8" alt="">
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 未登录状态 -->
                <div v-cloak v-if="!isLogin">
                    <div class="GbHeader_headerRight__Fo8z-">
                        <div class="adm-space adm-space-horizontal adm-space-align-center" style="--gap-horizontal: 8px;">
                            <div class="adm-space-item" @click="showLogin = true;lindex =0;">
                                <button type="button"
                                        class="adm-button adm-button-default adm-button-shape-default LoginBox_headerRightButton__uLohP"
                                        style="--background-color: #120F01; --text-color: #fff;">Login</button>
                            </div>
                            <div class="adm-space-item"  @click="showLogin = true;lindex =1;">
                                <button type="button"
                                        class="adm-button adm-button-default adm-button-shape-default LoginBox_headerRightButton__uLohP"
                                        style="--background-color: #990703; --text-color: #fff;">Sign Up</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 页面内容 -->
    <div class="wrapper_content">
        <!-- 侧边栏 -->
        <div class="wrapper_aside" :class="{'toggle_side':toggleActive}" v-cloak>
            <div class="GbLeftMenu_menuContent__9XvHC" style=" padding:0 16px 30px 16px; overflow: hidden auto;">
                <div class="adm-space adm-space-block adm-space-vertical">
                    <div class="adm-space-item">
                        <div class="adm-space adm-space-block adm-space-vertical" style="width: 100%;">
                            <div class="adm-space-item">
                                <div class="GbSwitchModeButton_root__IhovT">
                                    <div class="GbSwitchModeButton_item__FC7wq GbSwitchModeButton_on__8tBqB"><span
                                            class="GbSwitchModeButton_itemIcon__7b+ZW"><svg class="GbIcons_icon__P8dvB" width="16"
                                                height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg"
                                                style="fill: rgb(255, 255, 255);">
                                                <path fill-rule="evenodd" clip-rule="evenodd"
                                                    d="M5.35 0.649597C2.39528 0.649597 0 3.04487 0 5.9996C0 8.95432 2.39528 11.3496 5.35 11.3496H10.65C13.6047 11.3496 16 8.95432 16 5.9996C16 3.04487 13.6047 0.649597 10.65 0.649597H5.35ZM3.21545 5.46439H4.20007V4.48825C4.20007 4.42416 4.2128 4.36069 4.23754 4.30148C4.26228 4.24226 4.29855 4.18846 4.34426 4.14313C4.38998 4.09781 4.44425 4.06186 4.50398 4.03733C4.56371 4.01281 4.62772 4.00018 4.69238 4.00018C4.75703 4.00018 4.82104 4.01281 4.88077 4.03733C4.9405 4.06186 4.99477 4.09781 5.04049 4.14313C5.0862 4.18846 5.12247 4.24226 5.14721 4.30148C5.17195 4.36069 5.18468 4.42416 5.18468 4.48825V5.46439H6.1693C6.29987 5.46439 6.42509 5.51581 6.51741 5.60734C6.60974 5.69887 6.66161 5.82301 6.66161 5.95246C6.66161 6.0819 6.60974 6.20604 6.51741 6.29757C6.42509 6.3891 6.29987 6.44052 6.1693 6.44052H5.18468V7.41666C5.18468 7.48075 5.17195 7.54422 5.14721 7.60344C5.12247 7.66265 5.0862 7.71646 5.04049 7.76178C4.99477 7.8071 4.9405 7.84305 4.88077 7.86758C4.82104 7.8921 4.75703 7.90473 4.69238 7.90473C4.62772 7.90473 4.56371 7.8921 4.50398 7.86758C4.44425 7.84305 4.38998 7.8071 4.34426 7.76178C4.29855 7.71646 4.26228 7.66265 4.23754 7.60344C4.2128 7.54422 4.20007 7.48075 4.20007 7.41666V6.44052H3.21545C3.08488 6.44052 2.95966 6.3891 2.86734 6.29757C2.77501 6.20604 2.72314 6.0819 2.72314 5.95246C2.72314 5.82301 2.77501 5.69887 2.86734 5.60734C2.95966 5.51581 3.08488 5.46439 3.21545 5.46439ZM13.0308 5.95246C13.0308 6.76106 12.3695 7.41666 11.5539 7.41666C10.7383 7.41666 10.077 6.76106 10.077 5.95246C10.077 5.14385 10.7383 4.48825 11.5539 4.48825C12.3695 4.48825 13.0308 5.14385 13.0308 5.95246Z"
                                                    fill="#617496" style="fill: rgb(255, 255, 255);"></path>
                                            </svg></span><span class="GbSwitchModeButton_itemTitle__JOV+O">Game</span></div>
                                    <div class="GbSwitchModeButton_item__FC7wq"><span
                                            class="GbSwitchModeButton_itemIcon__7b+ZW"><span role="img" class="anticon"><svg
                                                    xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 12 12">
                                                    <path
                                                        d="M6.609.054a6.01,6.01,0,0,1,5.433,5.433A4.787,4.787,0,0,1,7.955,4.14,4.785,4.785,0,0,1,6.609.054Zm4.736,6.5A5.788,5.788,0,0,1,5.6.048,5.994,5.994,0,0,0,.047,5.608a5.709,5.709,0,0,1,6.44,6.44A5.993,5.993,0,0,0,12.047,6.5a5.8,5.8,0,0,1-.7.047ZM4.159,7.936A4.725,4.725,0,0,0,.054,6.618,6.012,6.012,0,0,0,5.475,12.04a4.723,4.723,0,0,0-1.316-4.1Z"
                                                        fill="currentColor" transform="translate(-0.047 -0.048)"></path>
                                                </svg></span></span><span class="GbSwitchModeButton_itemTitle__JOV+O">Sport</span>
                                    </div>
                                    <div class="GbSwitchModeButton_bg__zNRh4" style="transform: translateX(0%);"></div>
                                </div>
                            </div>
                            <!-- <div class="adm-space-item">
                                <div class="GbMenuCard_root__ASXdO" style="aspect-ratio: 380 / 110; min-height: 60px;">
                                    <div class="GbMenuCard_menuCardBg__cfyWd"><img
                                            src="https://spicy.rescdns.com/static/cdnimg/v4/55B567BB7E548173C0F563383C64274C"
                                            style="width: 100%; height: auto; display: block;"></div><span
                                        class="GbMenuCard_menuCardText__R0XsW"><span>SPICYBET</span><br><span
                                            style="color: rgba(255, 255, 255, 0.65);">Fortuna Roda</span></span>
                                </div>
                            </div> -->
                            <div class="adm-space-item">
                                <div class="GbMenuGrid_root__GCIQK">
                                    <div class="adm-grid" style="--columns: 2; --gap: 8px;">
                                        <div @click="currentShowTemplate = 'bonus' "  class="adm-grid-item GbMenuGrid_menuGridItem__02wsF"
                                            style="--item-span: 1; padding: 0px;">
                                            <div class="adm-image"><img class="adm-image-img"
                                                    src="https://spicy.rescdns.com/static/cdnimg/v4/209CA94C0EC1E672BD8D81146D20773F"
                                                    draggable="false" style="object-fit: fill; display: block;"></div><span
                                                class="GbMenuGrid_menuGridItemText__mJQCT">Bônus Center<br><span
                                                    class="GbMenuGrid_subTitle__srir4"></span></span>
                                        </div>
                                        <div @click="currentShowTemplate = 'main' " class="adm-grid-item GbMenuGrid_menuGridItem__02wsF"
                                            style="--item-span: 1; padding: 0px;">
                                            <div class="adm-image"><img class="adm-image-img"
                                                    src="https://spicy.rescdns.com/static/cdnimg/v4/19E5174AD4D93A4E456DCB62052E9ADF"
                                                    draggable="false" style="object-fit: fill; display: block;"></div><span
                                                class="GbMenuGrid_menuGridItemText__mJQCT">Game Center<br><span
                                                    class="GbMenuGrid_subTitle__srir4"></span></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="adm-space-item" @click="currentShowTemplate = 'registros'">
                                <div class="GbMenuItem_root__EcEYg" style="justify-content: flex-start; flex-direction: row;"><img
                                        class="GbMenuItem_menuItemIcon__AwKcz"
                                        src="https://spicy.rescdns.com/static/cdnimg/v4/34C53760FE1CEEA99E93968857497499" alt=""
                                        style="width: 24px; margin-right: 12px; margin-bottom: 0px;"><span
                                        class="GbMenuItem_menuName__-xDAd">Registros</span></div>
                            </div>
                            <div class="adm-space-item" @click="currentShowTemplate = 'share' ">
                                <div class="GbMenuItem_root__EcEYg" style="justify-content: flex-start; flex-direction: row;"><img
                                        class="GbMenuItem_menuItemIcon__AwKcz"
                                        src="https://spicy.rescdns.com/static/cdnimg/v4/B656E225548EE2CA9596CC39F9E9256D" alt=""
                                        style="width: 24px; margin-right: 12px; margin-bottom: 0px;"><span
                                        class="GbMenuItem_menuName__-xDAd">Referral</span></div>
                            </div>
                            <div class="adm-space-item" @click="currentShowTemplate = 'rankvip' ">
                                <div class="GbMenuItem_root__EcEYg" style="justify-content: flex-start; flex-direction: row;"><img
                                        class="GbMenuItem_menuItemIcon__AwKcz"
                                        src="https://spicy.rescdns.com/static/cdnimg/v4/A984EB1BF844153FF1C32F1B5C64CE87" alt=""
                                        style="width: 24px; margin-right: 12px; margin-bottom: 0px;"><span
                                        class="GbMenuItem_menuName__-xDAd">Ranking VIP</span></div>
                            </div>
                            <div class="adm-space-item" @click="currentShowTemplate = 'coupon' ">
                                <div class="GbMenuItem_root__EcEYg" style="justify-content: flex-start; flex-direction: row;"><img
                                        class="GbMenuItem_menuItemIcon__AwKcz"
                                        src="https://spicy.rescdns.com/static/cdnimg/v4/9CB27CB3A9FC55EA75032BBFA4BC00FB" alt=""
                                        style="width: 24px; margin-right: 12px; margin-bottom: 0px;"><span
                                        class="GbMenuItem_menuName__-xDAd">Coupon Code</span></div>
                            </div>
                            <div class="adm-space-item" @click="jump('https://t.me/spicybetbrasil')">
                                <div class="GbMenuItem_root__EcEYg" style="justify-content: flex-start; flex-direction: row;"><img
                                        class="GbMenuItem_menuItemIcon__AwKcz"
                                        src="https://spicy.rescdns.com/static/cdnimg/v4/AFF2F75B96E6CCCBF8C3B01BE2E1651D" alt=""
                                        style="width: 24px; margin-right: 12px; margin-bottom: 0px;"><span
                                        class="GbMenuItem_menuName__-xDAd">Telegram</span></div>
                            </div>
                            <div class="adm-space-item" @click="jump('https://www.instagram.com/ofc_spicybet/')">
                                <div class="GbMenuItem_root__EcEYg" style="justify-content: flex-start; flex-direction: row;"><img
                                        class="GbMenuItem_menuItemIcon__AwKcz"
                                        src="https://spicy.rescdns.com/static/cdnimg/v4/952548BD140914F907CA7534F0B6C851" alt=""
                                        style="width: 24px; margin-right: 12px; margin-bottom: 0px;"><span
                                        class="GbMenuItem_menuName__-xDAd">Instagram</span></div>
                            </div>
                            <div class="adm-space-item">
                                <div class="GbMenuItem_root__EcEYg" style="justify-content: flex-start; flex-direction: row;"><img
                                        class="GbMenuItem_menuItemIcon__AwKcz"
                                        src="https://spicy.rescdns.com/static/cdnimg/v4/D0736EF78C073FA2AF756658E524195C" alt=""
                                        style="width: 24px; margin-right: 12px; margin-bottom: 0px;"><span
                                        class="GbMenuItem_menuName__-xDAd">APP</span></div>
                            </div>
                            <div class="adm-space-item" @click="currentShowTemplate = 'history' ">
                                <div class="GbMenuItem_root__EcEYg" style="justify-content: flex-start; flex-direction: row;"><img
                                        class="GbMenuItem_menuItemIcon__AwKcz"
                                        src="https://spicy.rescdns.com/static/cdnimg/v4/031E520FF134A6A937C0D82691691F48" alt=""
                                        style="width: 24px; margin-right: 12px; margin-bottom: 0px;"><span
                                        class="GbMenuItem_menuName__-xDAd">Game History</span></div>
                            </div>
                            <div class="adm-space-item" @click="showService = true;">
                                <div class="GbMenuItem_root__EcEYg" style="justify-content: flex-start; flex-direction: row;"><img
                                        class="GbMenuItem_menuItemIcon__AwKcz"
                                        src="https://spicy.rescdns.com/static/cdnimg/v4/7AD79371FD8168610358EB1A768C2DFF" alt=""
                                        style="width: 24px; margin-right: 12px; margin-bottom: 0px;"><span
                                        class="GbMenuItem_menuName__-xDAd">Customer Service</span></div>
                            </div>
                        </div>
                    </div>
                    <div class="adm-space-item">
                        <div class="GbLeftMenu_selectCountry__PeG-i" id="leftSelectCountry">
                            <div class="GbSelectCountry_countrySelector__X9CEK">
                                <div class="GbAntSelect_root__n+9CY">
                                    <div class="ant-select ant-select-single ant-select-show-arrow">
                                        <div class="ant-select-selector" @click="showCountry = !showCountry;">
                                            <span class="ant-select-selection-item">
                                                <span>
                                                    <span class="fi fi-us" style="margin-right: 5px;"></span>{{currentcountryName}}
                                                </span>
                                            </span>
                                        </div>
                                        <span class="ant-select-arrow">
                                            <img style="width: 15px;height: 15px;" src="./assets/common/right.png" alt="">
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="adm-space-item">
                        <div class="GbLeftMenu_selectLanguage__oHPIF" id="selectLanguage">
                            <div class="GbAntSelect_root__n+9CY">
                                <div class="ant-select ant-select-single ant-select-show-arrow" style="width: 100%;">
                                    <div class="ant-select-selector" @click="showLang = !showLang;">
                                        <span class="ant-select-selection-search">
                                            <input type="search" autocomplete="off" class="ant-select-selection-search-input" role="combobox" aria-haspopup="listbox" aria-owns="rc_select_1_list" aria-autocomplete="list" aria-controls="rc_select_1_list" aria-activedescendant="rc_select_1_list_0" readonly="" unselectable="on" value="" id="rc_select_1" style="opacity: 0;" aria-expanded="false">
                                        </span>
                                        <span class="ant-select-selection-item">
                                            <span style="transition: none 0s ease 0s;">{{currentLangName}}</span>
                                        </span>
                                    </div>
                                    <span class="ant-select-arrow">
                                        <img style="width: 15px;height: 15px;" src="./assets/common/right.png" alt="">
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 主要内容 -->
        <div class="wrapper_main" v-cloak>
            <!-- 主页遮罩层 -->
            <div class="mainMask" @click='toggleActive = !toggleActive; showMask = false;'  v-if="showMask"></div> 
            <!-- 游戏主页 -->
            <div v-cloak v-if="currentShowTemplate == 'main'">
                <!-- 宣传大图 -->
                <div v-cloak v-if="showBigImg" class="mainBigImg" style="margin-bottom: 10px;">
                    <img @click="jump('https://www.instagram.com/ofc_spicybet/')" style="border-radius: 10px;"  width="100%" height="100%" src="https://spicy.rescdns.com/static/cdnimg/v4/46678B0020E0E800BCDE8D10EDF0379A.png">
                </div>
                <!-- swiper -->
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide" v-for="(item,index) in 9">
                            <img style="max-width: 100%;border-radius: 10px;" src="https://spicy.rescdns.com/static/cdnimg/v4/B8D50EE729EF67F1ADD765A7F1EFD2FF.jpg,png" alt="">
                        </div>
                    </div>
                    <!-- 如果需要分页器 -->
                    <div class="swiper-pagination"></div>
                </div>
                <!-- 菜单栏 -->
                <div class="GbGameList_menuBox__qSyEF" style="margin-top: 10px;">
                    <div class="C000053_root__3M+b1">
                        <div class="adm-space-item">
                            <div class="GbGameList_root__XwrvO" >
                                <div class="GbGameList_menuBox__qSyEF">
                                    <div class="C000053_root__3M+b1">
                                        <div class="GbDropSelect_dropSelect_dropSelectContainer__mM6At C000053_dropdown__w8MKo">
                                            <div @click="showMenu = !showMenu;" :class="{'GbDropSelect_dropSelect_dropSelectInput_active__t8ePZ': showMenu}" class="GbDropSelect_dropSelect_dropSelectInput__3hnCP GbDropSelect_dropSelect_dropSelectInput__down__b7u3-" style="padding: 14px 18px; font-size: 16px; justify-content: space-between; cursor: pointer;">
                                                <div style="display: flex; align-items: center;">
                                                    <img class="GbDropSelect_icon__LDdtr" :src="menusList[mindex].icon" alt="">
                                                    <span>{{menusList[mindex].name}}</span>
                                                </div>
                                                <svg viewBox="0 0 24 24" class="GbDropSelect_dropSelect_icon__ouI-4">
                                                    <path d="M5.94 7.94a1.5 1.5 0 012.12 0L13 12.88l4.94-4.94a1.5 1.5 0 012.12 2.12l-6 6a1.5 1.5 0 01-2.12 0l-6-6a1.5 1.5 0 010-2.12z"></path>
                                                </svg>
                                            </div>
                                            <div v-cloak v-if="showMenu">
                                                <div class="GbDropSelect_dropSelect_dropSelectOptions__SfgxX GbDropSelect_down__-YioT">
                                                    <ul>
                                                        <li 
                                                            v-for="(item,index) in menusList"
                                                            @click="selectMenu(item,index);showMenu = false;"
                                                            :key="index"  
                                                            :class="{'GbDropSelect_on__7446a': mindex == index}" 
                                                            style="font-size: 16px; padding: 8px 14px; justify-content: start;"
                                                        >
                                                            <img class="GbDropSelect_icon__LDdtr" :src="item.icon" alt="">
                                                            {{item.name}}
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                        
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div v-cloak v-if="showSearch">
                            <div class="C000053_gameSearch__Id8wt">
                                <div class="BbGameSearch_root__aKFN8 BbGameSearch_setWidth__XukUI" id="gameSearch">
                                    <svg width="1em" height="1em" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="antd-mobile-icon" style="vertical-align: -0.125em; font-size: 16px; color: rgb(85, 101, 126);">
                                        <g id="SearchOutline-SearchOutline" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                            <g id="SearchOutline-编组">
                                                <rect id="SearchOutline-矩形" fill="#FFFFFF" opacity="0" x="0" y="0" width="48" height="48"></rect>
                                                <path d="M10.2434135,10.1505371 C17.2346315,3.28315429 28.5696354,3.28315429 35.5608534,10.1505371 C42.3159331,16.7859644 42.5440954,27.4048667 36.2453405,34.3093889 L43.7095294,41.6422249 C43.8671196,41.7970419 43.8693677,42.0502979 43.7145508,42.2078881 C43.7128864,42.2095822 43.7112069,42.2112616 43.7095126,42.2129259 L42.1705322,43.7246464 C42.014915,43.8775072 41.7655181,43.8775006 41.6099089,43.7246316 L34.0775268,36.3248916 L34.0775268,36.3248916 C27.0485579,41.8551751 16.7593545,41.4200547 10.2434135,35.0195303 C3.25219551,28.1521474 3.25219551,17.0179199 10.2434135,10.1505371 Z M12.3532001,12.2229532 C6.52718516,17.9457722 6.52718516,27.2242951 12.3532001,32.9471142 C18.1792151,38.6699332 27.6250517,38.6699332 33.4510667,32.9471142 C39.2770817,27.2242951 39.2770817,17.9457722 33.4510667,12.2229532 C27.6250517,6.50013419 18.1792151,6.50013419 12.3532001,12.2229532 Z" id="SearchOutline-形状" fill="currentColor" fill-rule="nonzero"></path>
                                            </g>
                                        </g>
                                    </svg>
                                    <div class="ant-select ant-select-borderless BbGameSearch_input__ElP48 ant-select-single ant-select-show-search">
                                        <div class="ant-select-selector">
                                            <span class="ant-select-selection-search">
                                                <input placeholder="Search For Games" type="search" autocomplete="off" class="ant-select-selection-search-input" role="combobox" aria-haspopup="listbox" aria-owns="rc_select_3_list" aria-autocomplete="list" aria-controls="rc_select_3_list" aria-activedescendant="rc_select_3_list_0" value="" id="rc_select_3">
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="C000053_category__r2vd6" id="gameCategory">
                            <div class="C000053_categoryInner__dTv3q" style="width: 80%;">
                                <div class="ant-tabs ant-tabs-top" style="width: 100%;">
                                    <div role="tablist" class="ant-tabs-nav">
                                        <div class="ant-tabs-nav-wrap ant-tabs-nav-wrap-ping-right">
                                            <div class="ant-tabs-nav-list" style="transform: translate(0px, 0px);">
                                                <div @click="selectMenu(item,index)" v-for="(item,index) in menusList" :key="index" :data-node-key="index" class="ant-tabs-tab">
                                                    <div role="tab" aria-selected="false" class="ant-tabs-tab-btn" tabindex="0" id="rc-tabs-0-tab-0" aria-controls="rc-tabs-0-panel-0">
                                                        <div :class="{'C000053_on__s4dJe': index == mindex}" class="C000053_categoryItem__gsRmo">
                                                            <img :src="item.icon" alt="">{{item.name}}</div>
                                                    </div>
                                                </div>
                                                
                                                <!-- <div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"></div> -->
                                            </div>
                                        </div>
                                        <div class="ant-tabs-nav-operations">
                                            <button type="button" class="ant-tabs-nav-more" tabindex="-1" aria-hidden="true" aria-haspopup="listbox" aria-controls="rc-tabs-0-more-popup" id="rc-tabs-0-more" aria-expanded="false" style="">
                                                <div class="C000053_categoryItem__gsRmo" style="display: flex;">
                                                    <span role="img" aria-label="ellipsis" class="anticon anticon-ellipsis" style="font-size: 24px; margin-right: 4px;">
                                                        <svg viewBox="64 64 896 896" focusable="false" data-icon="ellipsis" width="1em" height="1em" fill="currentColor" aria-hidden="true">
                                                            <path d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"></path>
                                                        </svg>
                                                    </span>
                                                    <span>More</span>
                                                </div>
                                            </button>
                                        </div>
                                    </div>
                                    <div class="ant-tabs-content-holder">
                                        <div class="ant-tabs-content ant-tabs-content-top"></div>
                                    </div>
                                </div>
                            </div>
                            <div style="margin-right: 8px;">
                                <div class="BbGameSearch_root__aKFN8 BbGameSearch_setWidth__XukUI" id="gameSearch">
                                    <svg width="1em" height="1em" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="antd-mobile-icon" style="vertical-align: -0.125em; font-size: 16px; color: rgb(85, 101, 126);">
                                        <g id="SearchOutline-SearchOutline" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                            <g id="SearchOutline-编组">
                                                <rect id="SearchOutline-矩形" fill="#FFFFFF" opacity="0" x="0" y="0" width="48" height="48"></rect>
                                                <path d="M10.2434135,10.1505371 C17.2346315,3.28315429 28.5696354,3.28315429 35.5608534,10.1505371 C42.3159331,16.7859644 42.5440954,27.4048667 36.2453405,34.3093889 L43.7095294,41.6422249 C43.8671196,41.7970419 43.8693677,42.0502979 43.7145508,42.2078881 C43.7128864,42.2095822 43.7112069,42.2112616 43.7095126,42.2129259 L42.1705322,43.7246464 C42.014915,43.8775072 41.7655181,43.8775006 41.6099089,43.7246316 L34.0775268,36.3248916 L34.0775268,36.3248916 C27.0485579,41.8551751 16.7593545,41.4200547 10.2434135,35.0195303 C3.25219551,28.1521474 3.25219551,17.0179199 10.2434135,10.1505371 Z M12.3532001,12.2229532 C6.52718516,17.9457722 6.52718516,27.2242951 12.3532001,32.9471142 C18.1792151,38.6699332 27.6250517,38.6699332 33.4510667,32.9471142 C39.2770817,27.2242951 39.2770817,17.9457722 33.4510667,12.2229532 C27.6250517,6.50013419 18.1792151,6.50013419 12.3532001,12.2229532 Z" id="SearchOutline-形状" fill="currentColor" fill-rule="nonzero"></path>
                                            </g>
                                        </g>
                                    </svg>
                                    <div class="ant-select ant-select-borderless BbGameSearch_input__ElP48 ant-select-single ant-select-show-search">
                                        <div class="ant-select-selector">
                                            <span class="ant-select-selection-search">
                                                <input placeholder="Search For Games" type="search" autocomplete="off" class="ant-select-selection-search-input" role="combobox" aria-haspopup="listbox" aria-owns="rc_select_1_list" aria-autocomplete="list" aria-controls="rc_select_1_list" aria-activedescendant="rc_select_1_list_0" value="" id="rc_select_1">
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 数据列表 -->
                <div class="data_list">
                    <div class="GbGameList_gameListBox__PO-0m">
                        <div v-for="(item,index) in 10" :key="index" class="GbGameList_gameList__qK1-i" id="75CE38DE3AF541E0AF9A5A97B0A33587">
                            <div class="GbGridPageView_root__9k-df">
                                <div class="GbGameList_gameListTitle__zAeMq" style="display: flex; align-items: center; justify-content: space-between;">
                                    <div>
                                        <img class="GbGameList_gameListTitleIcon__qrd0Y" src="https://spicy.rescdns.com/static/cdnimg/v4/E37362CC8FA5417211048A7EAC4EB106" alt="">
                                        <span>Popular</span>
                                    </div>
                                    <button type="button" class="adm-button adm-button-default adm-button-shape-default BbShowMoreButton_root__Lzc2d">
                                        <div style="display: flex; align-items: center; justify-content: center;">
                                            <span>View All</span>
                                        </div>
                                    </button>
                                </div>
                                <div class="ant-list ant-list-split ant-list-grid ant-list-something-after-last-item">
                                    <div class="ant-spin-nested-loading">
                                        <div class="ant-spin-container">
                                            <div class="ant-row">
                                                <div 
                                                    v-for="(item,index) in 15" 
                                                    :key="index" 
                                                    @click="currentShowTemplate = 'game'" 
                                                    :style="{'width':gameW,'max-width':gameW}"
                                                >
                                                    <div class="ant-col" style="padding-left: 4px; padding-right: 4px; flex: 1 1 auto;">
                                                        <div class="ant-list-item" style="margin-bottom: 10px;">
                                                            <div class="C000076_root__7OZRj" style="aspect-ratio: 110 / 147;">
                                                                <div style="position: absolute; margin: 10px;"></div>
                                                                <div class="C000076_gameListGridItemImg__rwSMT">
                                                                    <div class="C000044_lazyLoadImage__Tc8-e">
                                                                        <span class="C000044_placeholder__gYrus lazy-load-image-background black-and-white lazy-load-image-loaded" style="color: transparent; display: inline-block; height: 100%; width: 100%;">
                                                                            <img width="100%" height="100%" src="https://spicy.rescdns.com/static/cdnimg/v4/670A800357697360EF3C357AD772848E.jpg">
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                                <div class="C000076_hover__Auc9Q">
                                                                    <p class="C000076_hoverTitle__oK1HE">Fortune Tiger</p>
                                                                    <div class="C000076_hoverButton__LpBOT">
                                                                        <div class="C000076_hoverTriangle__giaS3"></div>
                                                                    </div>
                                                                    <p class="C000076_hoverBrand__j3l2u">Spicy</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="GbGridPageView_loadmore__1ty3q">
                                        <button type="button" class="adm-button adm-button-default adm-button-shape-default BbShowMoreButton_root__Lzc2d">
                                            <div style="display: flex; align-items: center; justify-content: center;">
                                                <span>Load More</span>
                                            </div>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Registros -->
            <div v-cloak v-if="currentShowTemplate == 'registros'">
                <div class="User_root__uyGwp">
                    <div class="User_select__0jKtj">
                        <div class="User_selectInput__7eoUZ">
                            <div class="User_selectIcon__yHKRW">
                                <svg width="1em" height="1em" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="antd-mobile-icon"
                                        style="vertical-align: -0.125em">
                                    <g id="UnorderedListOutline-UnorderedListOutline" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                        <g id="UnorderedListOutline-编组">
                                            <rect id="UnorderedListOutline-矩形" fill="#FFFFFF" opacity="0" x="0" y="0" width="48" height="48"></rect>
                                            <path d="M8.5,32 C10.9852814,32 13,34.0147186 13,36.5 C13,38.9852814 10.9852814,41 8.5,41 C6.01471863,41 4,38.9852814 4,36.5 C4,34.0147186 6.01471863,32 8.5,32 Z M8.5,35 C7.67157288,35 7,35.6715729 7,36.5 C7,37.3284271 7.67157288,38 8.5,38 C9.32842712,38 10,37.3284271 10,36.5 C10,35.6715729 9.32842712,35 8.5,35 Z M43.6,35 C43.8209139,35 44,35.1790861 44,35.4 L44,37.6 C44,37.8209139 43.8209139,38 43.6,38 L16.4,38 C16.1790861,38 16,37.8209139 16,37.6 L16,35.4 C16,35.1790861 16.1790861,35 16.4,35 L43.6,35 Z M8.5,19 C10.9852814,19 13,21.0147186 13,23.5 C13,25.9852814 10.9852814,28 8.5,28 C6.01471863,28 4,25.9852814 4,23.5 C4,21.0147186 6.01471863,19 8.5,19 Z M8.5,22 C7.67157288,22 7,22.6715729 7,23.5 C7,24.3284271 7.67157288,25 8.5,25 C9.32842712,25 10,24.3284271 10,23.5 C10,22.6715729 9.32842712,22 8.5,22 Z M43.6,22 C43.8209139,22 44,22.1790861 44,22.4 L44,24.6 C44,24.8209139 43.8209139,25 43.6,25 L16.4,25 C16.1790861,25 16,24.8209139 16,24.6 L16,22.4 C16,22.1790861 16.1790861,22 16.4,22 L43.6,22 Z M8.5,6 C10.9852814,6 13,8.01471863 13,10.5 C13,12.9852814 10.9852814,15 8.5,15 C6.01471863,15 4,12.9852814 4,10.5 C4,8.01471863 6.01471863,6 8.5,6 Z M8.5,9 C7.67157288,9 7,9.67157288 7,10.5 C7,11.3284271 7.67157288,12 8.5,12 C9.32842712,12 10,11.3284271 10,10.5 C10,9.67157288 9.32842712,9 8.5,9 Z M43.6,9 C43.8209139,9 44,9.1790861 44,9.4 L44,11.6 C44,11.8209139 43.8209139,12 43.6,12 L16.4,12 C16.1790861,12 16,11.8209139 16,11.6 L16,9.4 C16,9.1790861 16.1790861,9 16.4,9 L43.6,9 Z"
                                                    id="UnorderedListOutline-形状结合" fill="currentColor" fill-rule="nonzero"></path>
                                        </g>
                                    </g>
                                </svg>
                            </div>
                            <span class="User_selectTitle__g175p">Balance Management</span>
                            <div class="User_selectArrow__plCxv">
                                <svg width="1em" height="1em" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="antd-mobile-icon"
                                        style="vertical-align: -0.125em">
                                    <g id="DownOutline-DownOutline" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                        <g>
                                            <rect id="DownOutline-矩形" fill="#FFFFFF" opacity="0" x="0" y="0" width="48" height="48"></rect>
                                            <path d="M5.11219264,16.3947957 L22.6612572,34.5767382 L22.6612572,34.5767382 C23.2125856,35.1304785 24.0863155,35.1630514 24.6755735,34.6744571 L24.7825775,34.5767382 L42.8834676,16.3956061 C42.9580998,16.320643 43,16.2191697 43,16.1133896 L43,12.9866673 C43,12.7657534 42.8209139,12.5866673 42.6,12.5866673 C42.4936115,12.5866673 42.391606,12.6290496 42.316542,12.7044413 L23.7816937,31.3201933 L23.7816937,31.3201933 L5.6866816,12.7237117 C5.53262122,12.5653818 5.27937888,12.5619207 5.121049,12.7159811 C5.04365775,12.7912854 5,12.8946805 5,13.0026627 L5,16.1170064 C5,16.2206403 5.04022164,16.3202292 5.11219264,16.3947957 Z"
                                                    id="DownOutline-down" fill="currentColor" fill-rule="nonzero"></path>
                                        </g>
                                    </g>
                                </svg>
                            </div>
                        </div>
                    </div>
                    <div class="User_tabs__OnBym">
                        <div class="User_tabsItem__QIMUj" @click="reg_tab = 0" :class="reg_tab == 0 ? 'User_active__uy6ev' : ''">
                            <span class="User_tabsItemIcon__IzSjt">
                                <svg width="1em" height="1em" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="antd-mobile-icon"
                                        style="vertical-align: -0.125em">
                                    <g id="UnorderedListOutline-UnorderedListOutline" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                        <g id="UnorderedListOutline-编组">
                                            <rect id="UnorderedListOutline-矩形" fill="#FFFFFF" opacity="0" x="0" y="0" width="48" height="48"></rect>
                                            <path d="M8.5,32 C10.9852814,32 13,34.0147186 13,36.5 C13,38.9852814 10.9852814,41 8.5,41 C6.01471863,41 4,38.9852814 4,36.5 C4,34.0147186 6.01471863,32 8.5,32 Z M8.5,35 C7.67157288,35 7,35.6715729 7,36.5 C7,37.3284271 7.67157288,38 8.5,38 C9.32842712,38 10,37.3284271 10,36.5 C10,35.6715729 9.32842712,35 8.5,35 Z M43.6,35 C43.8209139,35 44,35.1790861 44,35.4 L44,37.6 C44,37.8209139 43.8209139,38 43.6,38 L16.4,38 C16.1790861,38 16,37.8209139 16,37.6 L16,35.4 C16,35.1790861 16.1790861,35 16.4,35 L43.6,35 Z M8.5,19 C10.9852814,19 13,21.0147186 13,23.5 C13,25.9852814 10.9852814,28 8.5,28 C6.01471863,28 4,25.9852814 4,23.5 C4,21.0147186 6.01471863,19 8.5,19 Z M8.5,22 C7.67157288,22 7,22.6715729 7,23.5 C7,24.3284271 7.67157288,25 8.5,25 C9.32842712,25 10,24.3284271 10,23.5 C10,22.6715729 9.32842712,22 8.5,22 Z M43.6,22 C43.8209139,22 44,22.1790861 44,22.4 L44,24.6 C44,24.8209139 43.8209139,25 43.6,25 L16.4,25 C16.1790861,25 16,24.8209139 16,24.6 L16,22.4 C16,22.1790861 16.1790861,22 16.4,22 L43.6,22 Z M8.5,6 C10.9852814,6 13,8.01471863 13,10.5 C13,12.9852814 10.9852814,15 8.5,15 C6.01471863,15 4,12.9852814 4,10.5 C4,8.01471863 6.01471863,6 8.5,6 Z M8.5,9 C7.67157288,9 7,9.67157288 7,10.5 C7,11.3284271 7.67157288,12 8.5,12 C9.32842712,12 10,11.3284271 10,10.5 C10,9.67157288 9.32842712,9 8.5,9 Z M43.6,9 C43.8209139,9 44,9.1790861 44,9.4 L44,11.6 C44,11.8209139 43.8209139,12 43.6,12 L16.4,12 C16.1790861,12 16,11.8209139 16,11.6 L16,9.4 C16,9.1790861 16.1790861,9 16.4,9 L43.6,9 Z"
                                                    id="UnorderedListOutline-形状结合" fill="currentColor" fill-rule="nonzero"></path>
                                        </g>
                                    </g>
                                </svg>
                            </span>
                            <span>Balance Management</span>
                        </div>
                        <div class="User_tabsItem__QIMUj" @click="reg_tab = 1" :class="reg_tab == 1 ? 'User_active__uy6ev' : ''">
                            <span class="User_tabsItemIcon__IzSjt">
                                <svg width="1em" height="1em" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="antd-mobile-icon"
                                        style="vertical-align: -0.125em">
                                    <g id="FileOutline-FileOutline" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                        <g id="FileOutline-编组">
                                            <rect id="FileOutline-矩形" fill="#FFFFFF" opacity="0" x="0" y="0" width="48" height="48"></rect>
                                            <path d="M38,4 C41.3137085,4 44,6.6862915 44,10 L44,38 C44,41.3137085 41.3137085,44 38,44 L10,44 C6.6862915,44 4,41.3137085 4,38 L4,10 C4,6.6862915 6.6862915,4 10,4 L38,4 Z M38,7 L10,7 C8.40231912,7 7.09633912,8.24891996 7.00509269,9.82372721 L7,10 L7,38 C7,39.5976809 8.24891996,40.9036609 9.82372721,40.9949073 L10,41 L38,41 C39.5976809,41 40.9036609,39.75108 40.9949073,38.1762728 L41,38 L41,10 C41,8.40231912 39.75108,7.09633912 38.1762728,7.00509269 L38,7 Z M23.6,29 C23.8209139,29 24,29.1790861 24,29.4 L24,31.6 C24,31.8209139 23.8209139,32 23.6,32 L14.4,32 C14.1790861,32 14,31.8209139 14,31.6 L14,29.4 C14,29.1790861 14.1790861,29 14.4,29 L23.6,29 Z M33.6,23 C33.8209139,23 34,23.1790861 34,23.4 L34,25.6 C34,25.8209139 33.8209139,26 33.6,26 L14.4,26 C14.1790861,26 14,25.8209139 14,25.6 L14,23.4 C14,23.1790861 14.1790861,23 14.4,23 L33.6,23 Z M33.6,17 C33.8209139,17 34,17.1790861 34,17.4 L34,19.6 C34,19.8209139 33.8209139,20 33.6,20 L14.4,20 C14.1790861,20 14,19.8209139 14,19.6 L14,17.4 C14,17.1790861 14.1790861,17 14.4,17 L33.6,17 Z"
                                                    id="FileOutline-形状结合" fill="currentColor" fill-rule="nonzero"></path>
                                        </g>
                                    </g>
                                </svg>
                            </span>
                            <span>Records</span>
                        </div>
                        <div class="User_tabsItem__QIMUj" @click="currentShowTemplate = 'share'">
                            <span class="User_tabsItemIcon__IzSjt">
                                <svg width="1em" height="1em" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="antd-mobile-icon"
                                        style="vertical-align: -0.125em">
                                    <g id="UserAddOutline-UserAddOutline" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                        <g id="UserAddOutline-编组">
                                            <rect id="UserAddOutline-矩形" fill="#FFFFFF" opacity="0" x="0" y="0" width="48" height="48"></rect>
                                            <path d="M24.5410208,4 C30.0638683,4 34.5410208,8.4771525 34.5410208,14 L34.5410208,18 C34.5410208,21.7010047 32.5304699,24.9324201 29.5420069,26.6616075 L29.5410208,27 L30.7882123,27.6650643 C30.9185705,27.7345777 31,27.8702836 31,28.0180177 L31,30.5113494 C31,30.7322633 30.8209139,30.9113494 30.6,30.9113494 C30.5343466,30.9113494 30.4697024,30.8951891 30.4117722,30.8642946 L26.7482432,28.9105128 C26.6175244,28.8407997 26.5360409,28.7045476 26.5364726,28.556402 L26.5463744,25.1584556 C26.5467893,25.0161024 26.6228287,24.8846961 26.7460429,24.8134017 L28.0395329,24.0649613 L28.0395329,24.0649613 C30.1139854,22.8646395 31.4435559,20.691612 31.5358792,18.2700486 L31.5410208,18 L31.5410208,14 C31.5410208,10.1340068 28.4070141,7 24.5410208,7 C20.7555691,7 17.6719221,10.0047834 17.5450798,13.7593502 L17.5410208,14 L17.5410208,18 C17.5410208,20.439257 18.7967922,22.6567406 20.815762,23.9280407 L21.0432077,24.0653657 L22.3413807,24.8163156 C22.4649825,24.8878151 22.5410963,25.0197814 22.5410908,25.1625735 L22.5409614,28.5600469 C22.5409557,28.7077663 22.4595372,28.8434579 22.3291967,28.9129729 L9.94780837,35.51638 L9.94780837,35.51638 C8.61905055,36.2250508 7.85637036,37.6719905 8.02267201,39.1687054 C8.13271988,40.1591363 8.93352957,40.9204919 9.9127,40.9941513 L10.0687134,41 L30.6,41 C30.8209139,41 31,41.1790861 31,41.4 L31,43.6 C31,43.8209139 30.8209139,44 30.6,44 L10.0687134,44 L10.0687134,44 C7.49109114,44 5.32567157,42.0618568 5.04102081,39.5 C4.73910553,36.7827625 6.12372678,34.1558902 8.53604366,32.8693211 L19.5410208,27 L19.5410337,26.6621855 C16.5520197,24.9331402 14.5410208,21.7014171 14.5410208,18 L14.5410208,14 C14.5410208,8.4771525 19.0181733,4 24.5410208,4 Z M39,31.4 L39,36 L39,36 L43.6,36 C43.8209139,36 44,36.1790861 44,36.4 L44,38.6 C44,38.8209139 43.8209139,39 43.6,39 L39,39 L39,39 L39,43.6 C39,43.8209139 38.8209139,44 38.6,44 L36.4,44 C36.1790861,44 36,43.8209139 36,43.6 L36,39 L36,39 L31.4,39 C31.1790861,39 31,38.8209139 31,38.6 L31,36.4 C31,36.1790861 31.1790861,36 31.4,36 L36,36 L36,36 L36,31.4 C36,31.1790861 36.1790861,31 36.4,31 L38.6,31 C38.8209139,31 39,31.1790861 39,31.4 Z"
                                                    id="UserAddOutline-形状" fill="currentColor" fill-rule="nonzero"></path>
                                        </g>
                                    </g>
                                </svg>
                            </span>
                            <span>Invite Friends</span>
                        </div>
                    </div>
                    <div class="UserInfo_root__fkI8o" v-if="reg_tab == 0">
                        <div class="UserInfo_content__v5tJ6">
                            <div class="ant-row" style=" margin-left: -4px; margin-right: -4px; row-gap: 8px; ">
                                <div class="ant-col ant-col-xs-24 ant-col-md-8" style=" padding-left: 4px; padding-right: 4px; ">
                                    <div class="UserInfo_box__L298s">
                                        <div class="UserInfo_boxTitle__PSuLS"> BALANCE </div>
                                        <div class="UserInfo_balanceText__H4C1u">
                                            <div class="Money_root__s1MoL" style=" flex-direction: column; align-items: flex-end; ">
                                                <div style="line-height: 24px">
                                                    <span class="Money_symbol__Eb-qb">R$</span>
                                                    <span>0</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="ant-col ant-col-xs-24 ant-col-md-8" style=" padding-left: 4px; padding-right: 4px; ">
                                    <div class="UserInfo_box__L298s">
                                        <div class="UserInfo_boxTitle__PSuLS"> MY VIP LEVEL </div>
                                        <div class="UserInfo_vip__uK8q2">
                                            <div class="UserInfo_vipLevel__JHuT-" style=" background-image: url('/assets/common/vip_level_bg.png'); ">
                                                <span>VIP1</span>
                                                <div class="adm-image UserInfo_vipLevelImage__I51I0">
                                                    <img class="adm-image-img" src="https://spicy.rescdns.com/static/cdnimg/v4/2E7997C0A95F8365AA55D62EC2132288" draggable="false"
                                                            style=" object-fit: contain; display: block; " />
                                                </div>
                                            </div>
                                            <div class="UserInfo_vipRight__Sn41I">
                                                <div class="UserInfo_vipProgress__ZEBhZ">
                                                    <p class="UserInfo_vipProgressTitle__MtnGt"> BET </p>
                                                    <p class="UserInfo_vipProgressNum__UB93n"> R$0/R$500 </p>
                                                    <div>
                                                        <div class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-small" role="progressbar">
                                                            <div class="ant-progress-outer">
                                                                <div class="ant-progress-inner" style=" background-color: rgba( 0, 0, 0, 0.2 ); ">
                                                                    <div class="ant-progress-bg" style=" width: 0%; height: 6px; background: rgb( 62, 205, 125 ); "></div>
                                                                </div>
                                                            </div>
                                                            <span class="ant-progress-text" title="0%">0%</span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="UserInfo_vipProgress__ZEBhZ">
                                                    <p class="UserInfo_vipProgressTitle__MtnGt"> DEPOSIT </p>
                                                    <p class="UserInfo_vipProgressNum__UB93n"> R$0/R$100 </p>
                                                    <div>
                                                        <div class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-small" role="progressbar">
                                                            <div class="ant-progress-outer">
                                                                <div class="ant-progress-inner" style=" background-color: rgba( 0, 0, 0, 0.2 ); ">
                                                                    <div class="ant-progress-bg" style=" width: 0%; height: 6px; background: rgb( 62, 205, 125 ); "></div>
                                                                </div>
                                                            </div>
                                                            <span class="ant-progress-text" title="0%">0%</span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <span @click="currentShowTemplate = 'rankvip' " class="UserInfo_vipAll__Egb+Q">All Levels</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="ant-col ant-col-xs-24 ant-col-md-8" style=" padding-left: 4px; padding-right: 4px; ">
                                    <div class="UserInfo_box__L298s">
                                        <div class="UserInfo_boxTitle__PSuLS" style="margin-bottom: 10px"> WITHDRAW </div>
                                        <div>
                                            <div class="UserInfo_withdrawBlocks__pOYEr">
                                                <div class="UserInfo_withdrawBlock__-L4k6">
                                                    <span class="UserInfo_withdrawBlockNum__ds84Q" style="color: rgb(62, 205, 125)">R$ 0</span>
                                                    <span>Available Withdraw</span>
                                                </div>
                                                <div class="UserInfo_withdrawBlock__-L4k6">
                                                    <span class="UserInfo_withdrawBlockNum__ds84Q">R$ 0</span>
                                                    <span>Total Redemption Amount<span role="img" aria-label="question-circle" tabindex="-1" class="anticon anticon-question-circle"
                                                                style=" margin-left: 4px; margin-top: 4px; ">
                                                            <svg viewBox="64 64 896 896" focusable="false" data-icon="question-circle" width="1em" height="1em" fill="currentColor"
                                                                    aria-hidden="true">
                                                                <path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path>
                                                                <path d="M623.6 316.7C593.6 290.4 554 276 512 276s-81.6 14.5-111.6 40.7C369.2 344 352 380.7 352 420v7.6c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V420c0-44.1 43.1-80 96-80s96 35.9 96 80c0 31.1-22 59.6-56.1 72.7-21.2 8.1-39.2 22.3-52.1 40.9-13.1 19-19.9 41.8-19.9 64.9V620c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-22.7a48.3 48.3 0 0130.9-44.8c59-22.7 97.1-74.7 97.1-132.5.1-39.3-17.1-76-48.3-103.3zM472 732a40 40 0 1080 0 40 40 0 10-80 0z"></path>
                                                            </svg>
                                                        </span>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="Orders_root__TmU1X" v-if="reg_tab == 1">
                        <div class="ant-tabs ant-tabs-top Orders_tabs__mFOwY">
                            <div role="tablist" class="ant-tabs-nav">
                                <div class="ant-tabs-nav-wrap">
                                    <div class="ant-tabs-nav-list" style="transform: translate(0px, 0px)">
                                        <div data-node-key="recharge" class="ant-tabs-tab" :class="rec_tab == 0 ? 'ant-tabs-tab-active ' : ''" @click="rec_tab = 0">
                                            <div role="tab" aria-selected="true" class="ant-tabs-tab-btn" tabindex="0" id="rc-tabs-11-tab-recharge" aria-controls="rc-tabs-11-panel-recharge">
                                                Deposit </div>
                                        </div>
                                        <div data-node-key="withdraw" class="ant-tabs-tab" :class="rec_tab == 1 ? 'ant-tabs-tab-active ' : ''" @click="rec_tab = 1">
                                            <div role="tab" aria-selected="false" class="ant-tabs-tab-btn" tabindex="0" id="rc-tabs-11-tab-withdraw" aria-controls="rc-tabs-11-panel-withdraw">
                                                Withdraw </div>
                                        </div>
                                        <div data-node-key="game" class="ant-tabs-tab" :class="rec_tab == 2 ? 'ant-tabs-tab-active ' : ''" @click="rec_tab = 2">
                                            <div role="tab" aria-selected="false" class="ant-tabs-tab-btn" tabindex="0" id="rc-tabs-11-tab-game" aria-controls="rc-tabs-11-panel-game">
                                                Bet </div>
                                        </div>
                                        <div data-node-key="bonus" class="ant-tabs-tab" :class="rec_tab == 3 ? 'ant-tabs-tab-active ' : ''" @click="rec_tab = 3">
                                            <div role="tab" aria-selected="false" class="ant-tabs-tab-btn" tabindex="0" id="rc-tabs-11-tab-bonus" aria-controls="rc-tabs-11-panel-bonus">
                                                Bonus </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="ant-tabs-nav-operations ant-tabs-nav-operations-hidden">
                                    <button type="button" class="ant-tabs-nav-more" tabindex="-1" aria-hidden="true" aria-haspopup="listbox" aria-controls="rc-tabs-11-more-popup"
                                            id="rc-tabs-11-more" aria-expanded="false" style="visibility: hidden; order: 1">
                                        <span role="img" aria-label="ellipsis" class="anticon anticon-ellipsis">
                                            <svg viewBox="64 64 896 896" focusable="false" data-icon="ellipsis" width="1em" height="1em" fill="currentColor" aria-hidden="true">
                                                <path d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"></path>
                                            </svg>
                                        </span>
                                    </button>
                                </div>
                            </div>
                            <div class="ant-tabs-content-holder">
                                <div class="ant-tabs-content ant-tabs-content-top">
                                    <div role="tabpanel" tabindex="0" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active" id="rc-tabs-11-panel-recharge"
                                            aria-labelledby="rc-tabs-11-tab-recharge"></div>
                                </div>
                            </div>
                        </div>
                        <div class="ant-row" style="margin-left: -8px; margin-right: -8px">
                            <div class="ant-col ant-col-xs-24 ant-col-md-24" style="padding-left: 8px; padding-right: 8px;display: flex;justify-content: space-between;width: 100%;">
                                <div class="ant-picker ant-picker-range ant-picker-large ant-col ant-col-xs-12 ant-col-md-12" style="width: 100%; display: flex">
                                    <div class="ant-picker-input ant-picker-input-active">
                                        <!-- <input readonly="" placeholder="Start date" size="12" autocomplete="off" value="" /> -->
                                        <input type="date" class="form-control" placeholder="Start date" style="color: black" />
                                    </div>
                                    <div class="ant-picker-range-separator" style="padding: 0 10px">
                                        <span aria-label="to" class="ant-picker-separator">
                                            <span role="img" aria-label="swap-right" class="anticon anticon-swap-right">
                                                <svg viewBox="0 0 1024 1024" focusable="false" data-icon="swap-right" width="1em" height="1em" fill="currentColor" aria-hidden="true">
                                                    <path d="M873.1 596.2l-164-208A32 32 0 00684 376h-64.8c-6.7 0-10.4 7.7-6.3 13l144.3 183H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h695.9c26.8 0 41.7-30.8 25.2-51.8z"></path>
                                                </svg>
                                            </span>
                                        </span>
                                    </div>
                                    <div class="ant-picker-input">
                                        <!-- <input readonly="" placeholder="End date" size="12" autocomplete="off" value="" /> -->
                                        <input type="date" class="form-control" placeholder="End date" style="color: black" />
                                    </div>
                                    <div class="ant-picker-active-bar" style=" left: 0px; width: 169px; position: absolute; "></div>
                                    <!-- <span class="ant-picker-suffix" ><span role="img" aria-label="calendar" class="anticon anticon-calendar" ><svg viewBox="64 64 896 896" focusable="false" data-icon="calendar" width="1em" height="1em" fill="currentColor" aria-hidden="true" > <path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z" ></path></svg></span ></span> -->
                                </div>
                                <div class="ant-col ant-col-xs-12 ant-col-md-12">
                                    <select class="form-control" style="width: 100%;background: rgba(0,0,0,0);padding:5px">
                                        <option style="background:#1f1f1f;padding:5px">Game</option>
                                        <option style="background:#1f1f1f;padding:5px">wingo-1</option>
                                        <option style="background:#1f1f1f;padding:5px">wingo-3</option>
                                        <option style="background:#1f1f1f;padding:5px">wingo-5</option>
                                        <option style="background:#1f1f1f;padding:5px">wingo-10</option>
                                        <option style="background:#1f1f1f;padding:5px">MINES</option>
                                        <option style="background:#1f1f1f;padding:5px">k3-1</option>
                                        <option style="background:#1f1f1f;padding:5px">k3-3</option>
                                        <option style="background:#1f1f1f;padding:5px">k3-5</option>
                                        <option style="background:#1f1f1f;padding:5px">k3-10</option>
                                        <option style="background:#1f1f1f;padding:5px">Stairs</option>
                                        <option style="background:#1f1f1f;padding:5px">5d-1</option>
                                        <option style="background:#1f1f1f;padding:5px">5d-3</option>
                                        <option style="background:#1f1f1f;padding:5px">5d-5</option>
                                        <option style="background:#1f1f1f;padding:5px">5d-10</option>
                                        <option style="background:#1f1f1f;padding:5px">Tower</option>
                                        <option style="background:#1f1f1f;padding:5px">trx-1</option>
                                        <option style="background:#1f1f1f;padding:5px">trx-3</option>
                                        <option style="background:#1f1f1f;padding:5px">trx-5</option>
                                        <option style="background:#1f1f1f;padding:5px">trx-10</option>
                                        <option style="background:#1f1f1f;padding:5px">Ball</option>
                                        <option style="background:#1f1f1f;padding:5px">scratch-1</option>
                                        <option style="background:#1f1f1f;padding:5px">scratch-2</option>
                                        <option style="background:#1f1f1f;padding:5px">scratch-3</option>
                                        <option style="background:#1f1f1f;padding:5px">scratch-6</option>
                                        <option style="background:#1f1f1f;padding:5px">LIMBO</option>
                                        <option style="background:#1f1f1f;padding:5px">CRASH</option>
                                        <option style="background:#1f1f1f;padding:5px">DOUBLE</option>
                                        <option style="background:#1f1f1f;padding:5px">DICE</option>
                                        <option style="background:#1f1f1f;padding:5px">Fruit Bomb</option>
                                        <option style="background:#1f1f1f;padding:5px">keno</option>
                                        <option style="background:#1f1f1f;padding:5px">rowDouble</option>
                                        <option style="background:#1f1f1f;padding:5px">RING</option>
                                        <option style="background:#1f1f1f;padding:5px">PLINKO</option>
                                        <option style="background:#1f1f1f;padding:5px">COLOUR</option>
                                        <option style="background:#1f1f1f;padding:5px">Wengo</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="Orders_table__inQje" v-if="rec_tab == 0">
                            <div class="GbTable_root__aRhLC">
                                <div class="AntdCus_root__NRGpB">
                                    <div class="ant-table-wrapper GbTable_table__moqvH">
                                        <div class="ant-spin-nested-loading">
                                            <div class="ant-spin-container">
                                                <div class="ant-table ant-table-empty ant-table-scroll-horizontal">
                                                    <div class="ant-table-container">
                                                        <div class="ant-table-content" style="overflow: auto hidden">
                                                            <table style=" width: 500px; min-width: 100%; table-layout: auto; ">
                                                                <colgroup></colgroup>
                                                                <thead class="ant-table-thead">
                                                                    <tr>
                                                                        <th class="ant-table-cell"> ID </th>
                                                                        <th class="ant-table-cell"> Date </th>
                                                                        <th class="ant-table-cell">
                                                                            <span>Deposit Amount(R$)</span>
                                                                        </th>
                                                                        <th class="ant-table-cell"> Payment Amount(R$) </th>
                                                                        <th class="ant-table-cell"> Status </th>
                                                                    </tr>
                                                                </thead>
                                                                <tbody class="ant-table-tbody">
                                                                    <tr aria-hidden="true" class="ant-table-measure-row" style=" height: 0px; font-size: 0px; ">
                                                                        <td style=" padding: 0px; border: 0px; height: 0px; ">
                                                                            <div style=" height: 0px; overflow: hidden; "> &nbsp; </div>
                                                                        </td>
                                                                        <td style=" padding: 0px; border: 0px; height: 0px; ">
                                                                            <div style=" height: 0px; overflow: hidden; "> &nbsp; </div>
                                                                        </td>
                                                                        <td style=" padding: 0px; border: 0px; height: 0px; ">
                                                                            <div style=" height: 0px; overflow: hidden; "> &nbsp; </div>
                                                                        </td>
                                                                        <td style=" padding: 0px; border: 0px; height: 0px; ">
                                                                            <div style=" height: 0px; overflow: hidden; "> &nbsp; </div>
                                                                        </td>
                                                                        <td style=" padding: 0px; border: 0px; height: 0px; ">
                                                                            <div style=" height: 0px; overflow: hidden; "> &nbsp; </div>
                                                                        </td>
                                                                    </tr>
                                                                    <tr class="ant-table-placeholder">
                                                                        <td colspan="5" class="ant-table-cell">
                                                                            <div class="ant-table-expanded-row-fixed" style=" width: 838px; position: sticky; left: 0px; overflow: hidden; ">
                                                                                <div class="GbNoData_root__klmOf">
                                                                                    <img class="GbNoData_icon__uCjD8" src="https://spicy.rescdns.com/static/cdnimg/v4/37CDF956FB99616BA166DC17329BEFCA"
                                                                                            alt="" />
                                                                                    <p class="GbNoData_text__Ai6jG"> No Data </p>
                                                                                </div>
                                                                            </div>
                                                                        </td>
                                                                    </tr>
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="Orders_table__inQje" v-if="rec_tab == 1">
                            <div class="GbTable_root__aRhLC">
                                <div class="AntdCus_root__NRGpB">
                                    <div class="ant-table-wrapper GbTable_table__moqvH">
                                        <div class="ant-spin-nested-loading">
                                            <div class="ant-spin-container">
                                                <div class="ant-table ant-table-empty ant-table-scroll-horizontal">
                                                    <div class="ant-table-container">
                                                        <div class="ant-table-content" style="overflow: auto hidden">
                                                            <table style=" width: 500px; min-width: 100%; table-layout: auto; ">
                                                                <colgroup></colgroup>
                                                                <thead class="ant-table-thead">
                                                                    <tr>
                                                                        <th class="ant-table-cell"> ID </th>
                                                                        <th class="ant-table-cell"> Date </th>
                                                                        <th class="ant-table-cell">
                                                                            <span>Withdraw Amount(R$)</span>
                                                                        </th>
                                                                        <th class="ant-table-cell"> Withdraw Fee(%) </th>
                                                                        <th class="ant-table-cell"> Actual amount(R$) </th>
                                                                        <th class="ant-table-cell"> Status </th>
                                                                    </tr>
                                                                </thead>
                                                                <tbody class="ant-table-tbody">
                                                                    <tr aria-hidden="true" class="ant-table-measure-row" style=" height: 0px; font-size: 0px; ">
                                                                        <td style=" padding: 0px; border: 0px; height: 0px; ">
                                                                            <div style=" height: 0px; overflow: hidden; "> &nbsp; </div>
                                                                        </td>
                                                                        <td style=" padding: 0px; border: 0px; height: 0px; ">
                                                                            <div style=" height: 0px; overflow: hidden; "> &nbsp; </div>
                                                                        </td>
                                                                        <td style=" padding: 0px; border: 0px; height: 0px; ">
                                                                            <div style=" height: 0px; overflow: hidden; "> &nbsp; </div>
                                                                        </td>
                                                                        <td style=" padding: 0px; border: 0px; height: 0px; ">
                                                                            <div style=" height: 0px; overflow: hidden; "> &nbsp; </div>
                                                                        </td>
                                                                        <td style=" padding: 0px; border: 0px; height: 0px; ">
                                                                            <div style=" height: 0px; overflow: hidden; "> &nbsp; </div>
                                                                        </td>
                                                                        <td style=" padding: 0px; border: 0px; height: 0px; ">
                                                                            <div style=" height: 0px; overflow: hidden; "> &nbsp; </div>
                                                                        </td>
                                                                    </tr>
                                                                    <tr class="ant-table-placeholder">
                                                                        <td colspan="6" class="ant-table-cell">
                                                                            <div class="ant-table-expanded-row-fixed" style=" width: 838px; position: sticky; left: 0px; overflow: hidden; ">
                                                                                <div class="GbNoData_root__klmOf">
                                                                                    <img class="GbNoData_icon__uCjD8" src="https://spicy.rescdns.com/static/cdnimg/v4/37CDF956FB99616BA166DC17329BEFCA"
                                                                                            alt="" />
                                                                                    <p class="GbNoData_text__Ai6jG"> No Data </p>
                                                                                </div>
                                                                            </div>
                                                                        </td>
                                                                    </tr>
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="Orders_table__inQje" v-if="rec_tab == 2">
                            <div class="GbTable_root__aRhLC">
                                <div class="AntdCus_root__NRGpB">
                                    <div class="ant-table-wrapper GbTable_table__moqvH">
                                        <div class="ant-spin-nested-loading">
                                            <div class="ant-spin-container">
                                                <div class="ant-table ant-table-empty ant-table-scroll-horizontal">
                                                    <div class="ant-table-container">
                                                        <div class="ant-table-content" style="overflow: auto hidden;">
                                                            <table style="width: 500px; min-width: 100%; table-layout: auto;">
                                                                <colgroup></colgroup>
                                                                <thead class="ant-table-thead">
                                                                    <tr>
                                                                        <th class="ant-table-cell">ID</th>
                                                                        <th class="ant-table-cell">Date</th>
                                                                        <th class="ant-table-cell">Game Name</th>
                                                                        <th class="ant-table-cell">Bet Amount</th>
                                                                        <th class="ant-table-cell">Win Amount</th>
                                                                        <th class="ant-table-cell">Status</th>
                                                                    </tr>
                                                                </thead>
                                                                <tbody class="ant-table-tbody">
                                                                    <tr aria-hidden="true" class="ant-table-measure-row" style="height: 0px; font-size: 0px;">
                                                                        <td style="padding: 0px; border: 0px; height: 0px;">
                                                                            <div style="height: 0px; overflow: hidden;">&nbsp;</div>
                                                                        </td>
                                                                        <td style="padding: 0px; border: 0px; height: 0px;">
                                                                            <div style="height: 0px; overflow: hidden;">&nbsp;</div>
                                                                        </td>
                                                                        <td style="padding: 0px; border: 0px; height: 0px;">
                                                                            <div style="height: 0px; overflow: hidden;">&nbsp;</div>
                                                                        </td>
                                                                        <td style="padding: 0px; border: 0px; height: 0px;">
                                                                            <div style="height: 0px; overflow: hidden;">&nbsp;</div>
                                                                        </td>
                                                                        <td style="padding: 0px; border: 0px; height: 0px;">
                                                                            <div style="height: 0px; overflow: hidden;">&nbsp;</div>
                                                                        </td>
                                                                        <td style="padding: 0px; border: 0px; height: 0px;">
                                                                            <div style="height: 0px; overflow: hidden;">&nbsp;</div>
                                                                        </td>
                                                                    </tr>
                                                                    <tr class="ant-table-placeholder">
                                                                        <td colspan="6" class="ant-table-cell">
                                                                            <div class="ant-table-expanded-row-fixed" style="width: 838px; position: sticky; left: 0px; overflow: hidden;">
                                                                                <div class="GbNoData_root__klmOf">
                                                                                    <img class="GbNoData_icon__uCjD8" src="https://spicy.rescdns.com/static/cdnimg/v4/37CDF956FB99616BA166DC17329BEFCA"
                                                                                            alt="">
                                                                                    <p class="GbNoData_text__Ai6jG">No Data</p>
                                                                                </div>
                                                                            </div>
                                                                        </td>
                                                                    </tr>
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="Orders_table__inQje" v-if="rec_tab == 3">
                            <div class="GbTable_root__aRhLC">
                                <div class="AntdCus_root__NRGpB">
                                    <div class="ant-table-wrapper GbTable_table__moqvH">
                                        <div class="ant-spin-nested-loading">
                                            <div class="ant-spin-container">
                                                <div class="ant-table ant-table-empty ant-table-scroll-horizontal">
                                                    <div class="ant-table-container">
                                                        <div class="ant-table-content" style="overflow: auto hidden;">
                                                            <table style="width: 500px; min-width: 100%; table-layout: auto;">
                                                                <colgroup></colgroup>
                                                                <thead class="ant-table-thead">
                                                                    <tr>
                                                                        <th class="ant-table-cell">ID</th>
                                                                        <th class="ant-table-cell">Date</th>
                                                                        <th class="ant-table-cell">
                                                                            <span>Bonus Amount(R$)</span>
                                                                        </th>
                                                                        <th class="ant-table-cell">Type</th>
                                                                    </tr>
                                                                </thead>
                                                                <tbody class="ant-table-tbody">
                                                                    <tr aria-hidden="true" class="ant-table-measure-row" style="height: 0px; font-size: 0px;">
                                                                        <td style="padding: 0px; border: 0px; height: 0px;">
                                                                            <div style="height: 0px; overflow: hidden;">&nbsp;</div>
                                                                        </td>
                                                                        <td style="padding: 0px; border: 0px; height: 0px;">
                                                                            <div style="height: 0px; overflow: hidden;">&nbsp;</div>
                                                                        </td>
                                                                        <td style="padding: 0px; border: 0px; height: 0px;">
                                                                            <div style="height: 0px; overflow: hidden;">&nbsp;</div>
                                                                        </td>
                                                                        <td style="padding: 0px; border: 0px; height: 0px;">
                                                                            <div style="height: 0px; overflow: hidden;">&nbsp;</div>
                                                                        </td>
                                                                    </tr>
                                                                    <tr class="ant-table-placeholder">
                                                                        <td colspan="4" class="ant-table-cell">
                                                                            <div class="ant-table-expanded-row-fixed" style="width: 838px; position: sticky; left: 0px; overflow: hidden;">
                                                                                <div class="GbNoData_root__klmOf">
                                                                                    <img class="GbNoData_icon__uCjD8" src="https://spicy.rescdns.com/static/cdnimg/v4/37CDF956FB99616BA166DC17329BEFCA"
                                                                                            alt="">
                                                                                    <p class="GbNoData_text__Ai6jG">No Data</p>
                                                                                </div>
                                                                            </div>
                                                                        </td>
                                                                    </tr>
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Share内容 -->
            <div v-cloak v-if="currentShowTemplate == 'share'">
                <div class="MainLayout_body__Buwfv" id="gbRoot">
                    <div style="width: 100%">
                        <div class="MainLayout_bodyContainer__P0jkj" style="max-width: 1200px; padding-top: 30px">
                            <div class="Invite_root__7THNJ">
                                <div class="ant-tabs ant-tabs-top">
                                    <div role="tablist" class="ant-tabs-nav" style=" background: rgb(29, 37, 50); padding: 10px; border-radius: 10px; font-weight: bold; ">
                                        <div class="ant-tabs-nav-wrap">
                                            <div class="ant-tabs-nav-list" style="transform: translate(0px, 0px)">
                                                <div data-node-key="0" class="ant-tabs-tab" :class="share_tab == 0 ? 'ant-tabs-tab-active ' : ''" @click="share_tab = 0">
                                                    <div role="tab" aria-selected="true" class="ant-tabs-tab-btn" tabindex="0" id="rc-tabs-1-tab-0" aria-controls="rc-tabs-1-panel-0">Invite</div>
                                                </div>
                                                <div data-node-key="1" class="ant-tabs-tab" @click="share_tab = 1" :class="share_tab == 1 ? 'ant-tabs-tab-active' : ''">
                                                    <div role="tab" aria-selected="false" class="ant-tabs-tab-btn" tabindex="0" id="rc-tabs-1-tab-1" aria-controls="rc-tabs-1-panel-1">Statistics</div>
                                                </div>
                                                <div data-node-key="2" class="ant-tabs-tab" @click="share_tab = 2" :class="share_tab == 2 ? 'ant-tabs-tab-active' : ''">
                                                    <div role="tab" aria-selected="false" class="ant-tabs-tab-btn" tabindex="0" id="rc-tabs-1-tab-2" aria-controls="rc-tabs-1-panel-2">Salary</div>
                                                </div>
                                                <div data-node-key="3" class="ant-tabs-tab" @click="share_tab = 3" :class="share_tab == 3 ? 'ant-tabs-tab-active' : ''">
                                                    <div role="tab" aria-selected="false" class="ant-tabs-tab-btn" tabindex="0" id="rc-tabs-1-tab-3" aria-controls="rc-tabs-1-panel-3">Invited
                                                        Person</div>
                                                </div>
                                                <div data-node-key="4" class="ant-tabs-tab" @click="share_tab = 4" :class="share_tab == 4 ? 'ant-tabs-tab-active' : ''">
                                                    <div role="tab" aria-selected="false" class="ant-tabs-tab-btn" tabindex="0" id="rc-tabs-1-tab-4" aria-controls="rc-tabs-1-panel-4">Bonus</div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="ant-tabs-nav-operations ant-tabs-nav-operations-hidden" style=" background: rgb(29, 37, 50); padding: 10px; border-radius: 10px; font-weight: bold; ">
                                            <button type="button" class="ant-tabs-nav-more" tabindex="-1" aria-hidden="true" aria-haspopup="listbox" aria-controls="rc-tabs-1-more-popup"
                                                    id="rc-tabs-1-more" aria-expanded="false" style="visibility: hidden; order: 1">
                                                <span role="img" aria-label="ellipsis" class="anticon anticon-ellipsis">
                                                    <svg viewBox="64 64 896 896" focusable="false" data-icon="ellipsis" width="1em" height="1em" fill="currentColor"
                                                         aria-hidden="true">
                                                        <path d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"></path>
                                                    </svg>
                                                </span>
                                            </button>
                                        </div>
                                    </div>
                                    <div class="ant-tabs-content-holder">
                                        <div class="ant-tabs-content ant-tabs-content-top">
                                            <div role="tabpanel" tabindex="0" aria-hidden="false" class="ant-tabs-tabpane" id="rc-tabs-1-panel-0" aria-labelledby="rc-tabs-1-tab-0"
                                                 v-if="share_tab == 0">
                                                <div class="">
                                                    <div class="Invite_invite__btNrL">
                                                        <div class="Invite_inviteWrapper__y1RyR" style="padding: 0px">
                                                            <div class="Invite_info__AIdMZ">
                                                                <div class="Invite_infoIcon__nyUu9">
                                                                    <span role="img" class="anticon">
                                                                        <svg width="1em" height="1em" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                            <path d="M7.46667 14.9333C3.36 14.9333 0 11.5733 0 7.46667C0 3.36 3.36 0 7.46667 0C9.62667 0 11.68 0.933333 13.0933 2.56C13.2267 2.72 13.2267 2.98667 13.0667 3.12C12.9067 3.25333 12.64 3.25333 12.5067 3.09333C11.2267 1.62667 9.38667 0.8 7.46667 0.8C3.78667 0.8 0.8 3.78667 0.8 7.46667C0.8 11.1467 3.78667 14.1333 7.46667 14.1333C10.0533 14.1333 12.4267 12.6133 13.52 10.2667C13.6 10.0533 13.84 9.97333 14.0533 10.08C14.2667 10.16 14.3467 10.4 14.24 10.6133C13.0133 13.2267 10.3733 14.9333 7.46667 14.9333Z"
                                                                                  fill="#FBFBFB"></path>
                                                                            <path d="M13.0933 3.46495H10.6667C10.4533 3.46495 10.2667 3.27828 10.2667 3.06495C10.2667 2.85161 10.4533 2.66495 10.6667 2.66495H12.6933V0.638281C12.6933 0.424948 12.88 0.238281 13.0933 0.238281C13.3067 0.238281 13.4933 0.424948 13.4933 0.638281V3.06495C13.4933 3.30495 13.3067 3.46495 13.0933 3.46495Z"
                                                                                  fill="#FBFBFB"></path>
                                                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M4.80794 10.1218C4.10281 9.41671 3.70667 8.46034 3.70667 7.46313C3.70667 6.46591 4.10281 5.50954 4.80794 4.8044C5.51308 4.09927 6.46945 3.70312 7.46667 3.70312C8.46388 3.70312 9.42025 4.09927 10.1254 4.8044C10.8305 5.50954 11.2267 6.46591 11.2267 7.46313C11.2267 8.46034 10.8305 9.41671 10.1254 10.1218C9.42025 10.827 8.46388 11.2231 7.46667 11.2231C6.46945 11.2231 5.51308 10.827 4.80794 10.1218ZM6.90667 8.76984H9.12C9.33333 8.76984 9.52 8.60984 9.52 8.39651C9.52 8.18318 9.33333 7.99651 9.12 7.99651H7.30667V5.48984C7.30667 5.27651 7.12 5.08984 6.90667 5.08984C6.69333 5.08984 6.50667 5.27651 6.50667 5.48984V8.36984C6.50667 8.58318 6.69333 8.76984 6.90667 8.76984Z"
                                                                                  fill="white"></path>
                                                                        </svg>
                                                                    </span>
                                                                </div>
                                                                <span>Updated hourly</span>
                                                            </div>
                                                            <div style="padding: 10px">
                                                                <div class="ant-list ant-list-split ant-list-grid" style="margin-bottom: 15px">
                                                                    <div class="ant-spin-nested-loading">
                                                                        <div class="ant-spin-container">
                                                                            <div class="ant-row" style=" margin-left: -4px; margin-right: -4px; row-gap: 8px; ">
                                                                                <div style=" width: 25%; max-width: 25%; ">
                                                                                    <div class="ant-col" style=" padding-left: 4px; padding-right: 4px; flex: 1 1 auto; ">
                                                                                        <div class="ant-list-item" style=" margin-bottom: 0px; ">
                                                                                            <div class="Invite_inviteCountItem__StOEo">
                                                                                                <span class="Invite_inviteCountItemNum__Xy1C1">0<span role="img" aria-label="question-circle"
                                                                                                          class="anticon anticon-question-circle" style=" font-size: 16px; margin-left: 4px; ">
                                                                                                        <svg viewBox="64 64 896 896" focusable="false" data-icon="question-circle"
                                                                                                             width="1em" height="1em" fill="currentColor" aria-hidden="true">
                                                                                                            <path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path>
                                                                                                            <path d="M623.6 316.7C593.6 290.4 554 276 512 276s-81.6 14.5-111.6 40.7C369.2 344 352 380.7 352 420v7.6c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V420c0-44.1 43.1-80 96-80s96 35.9 96 80c0 31.1-22 59.6-56.1 72.7-21.2 8.1-39.2 22.3-52.1 40.9-13.1 19-19.9 41.8-19.9 64.9V620c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-22.7a48.3 48.3 0 0130.9-44.8c59-22.7 97.1-74.7 97.1-132.5.1-39.3-17.1-76-48.3-103.3zM472 732a40 40 0 1080 0 40 40 0 10-80 0z"></path>
                                                                                                        </svg>
                                                                                                    </span>
                                                                                                </span>
                                                                                                <span>TotalInvited</span>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                                <div style=" width: 25%; max-width: 25%; ">
                                                                                    <div class="ant-col" style=" padding-left: 4px; padding-right: 4px; flex: 1 1 auto; ">
                                                                                        <div class="ant-list-item" style=" margin-bottom: 0px; ">
                                                                                            <div class="Invite_inviteCountItem__StOEo">
                                                                                                <span class="Invite_inviteCountItemNum__Xy1C1">R$0</span>
                                                                                                <span>TotalIncome</span>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                                <div style=" width: 25%; max-width: 25%; ">
                                                                                    <div class="ant-col" style=" padding-left: 4px; padding-right: 4px; flex: 1 1 auto; ">
                                                                                        <div class="ant-list-item" style=" margin-bottom: 0px; ">
                                                                                            <div class="Invite_inviteCountItem__StOEo">
                                                                                                <span class="Invite_inviteCountItemNum__Xy1C1">0</span>
                                                                                                <span>InvitedToday</span>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                                <div style=" width: 25%; max-width: 25%; ">
                                                                                    <div class="ant-col" style=" padding-left: 4px; padding-right: 4px; flex: 1 1 auto; ">
                                                                                        <div class="ant-list-item" style=" margin-bottom: 0px; ">
                                                                                            <div class="Invite_inviteCountItem__StOEo">
                                                                                                <span class="Invite_inviteCountItemNum__Xy1C1">R$0</span>
                                                                                                <span>IncomeToday</span>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                                <div style=" width: 25%; max-width: 25%; ">
                                                                                    <div class="ant-col" style=" padding-left: 4px; padding-right: 4px; flex: 1 1 auto; ">
                                                                                        <div class="ant-list-item" style=" margin-bottom: 0px; ">
                                                                                            <div class="Invite_inviteCountItem__StOEo">
                                                                                                <span class="Invite_inviteCountItemNum__Xy1C1">R$0</span>
                                                                                                <span>SalaryEstimate</span>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                                <div style=" width: 25%; max-width: 25%; ">
                                                                                    <div class="ant-col" style=" padding-left: 4px; padding-right: 4px; flex: 1 1 auto; ">
                                                                                        <div class="ant-list-item" style=" margin-bottom: 0px; ">
                                                                                            <div class="Invite_inviteCountItem__StOEo">
                                                                                                <span class="Invite_inviteCountItemNum__Xy1C1">R$0</span>
                                                                                                <span>Last Month'sSalary</span>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                                <div style=" width: 25%; max-width: 25%; ">
                                                                                    <div class="ant-col" style=" padding-left: 4px; padding-right: 4px; flex: 1 1 auto; ">
                                                                                        <div class="ant-list-item" style=" margin-bottom: 0px; ">
                                                                                            <div class="Invite_inviteCountItem__StOEo">
                                                                                                <span class="Invite_inviteCountItemNum__Xy1C1">R$0</span>
                                                                                                <span>InvitedBonus/Month</span>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                                <div style=" width: 25%; max-width: 25%; ">
                                                                                    <div class="ant-col" style=" padding-left: 4px; padding-right: 4px; flex: 1 1 auto; ">
                                                                                        <div class="ant-list-item" style=" margin-bottom: 0px; ">
                                                                                            <div class="Invite_inviteCountItem__StOEo">
                                                                                                <span class="Invite_inviteCountItemNum__Xy1C1">R$0</span>
                                                                                                <span>Commission/Month</span>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="Invite_inviteWrapper__y1RyR Invite_inviteLinkWrapper__VSlty">
                                                            <div class="Invite_inviteItem__w6Ctt" style="font-weight: bold">
                                                                <p>Invitation URL:</p>
                                                                <p>https://www.spicy03.com/c-84jnhlsL?lang=en</p>
                                                                <button type="button" class="adm-button adm-button-default adm-button-small adm-button-shape-default Invite_button__uHq7r">Copy
                                                                    Link</button>
                                                            </div>
                                                            <div class="Invite_inviteItem__w6Ctt" style="font-weight: bold">
                                                                <p>Invite Code:</p>
                                                                <p>84jnhlsL</p>
                                                                <button type="button" class="adm-button adm-button-default adm-button-small adm-button-shape-default Invite_button__uHq7r">Copy
                                                                    Invite Code</button>
                                                            </div>
                                                        </div>
                                                        <div class="Invite_inviteWrapper__y1RyR">
                                                            <div class="Invite_inviteInfoWrapper__tZ7nD">
                                                                <p class="Invite_infoTitle__FOl-s">Invite friends and create wealthtogether</p>
                                                                <p>Want to get more income easily?You want your friends to find away to Get rich? Join us and letus work
                                                                    together!</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div id="rc-tabs-1-panel-1" role="tabpanel" tabindex="-1" aria-labelledby="rc-tabs-1-tab-1" aria-hidden="true" class="ant-tabs-tabpane"
                                                 v-if="share_tab == 1">
                                                <div class="Invite_tabPaneContent__IHjU8">
                                                    <div class="Agent_statistics__u7ohA">
                                                        <div style="margin-bottom: 20px">
                                                            <div class="Agent_tableBlock__kIjCN">
                                                                <div class="GbTable_root__aRhLC">
                                                                    <div class="AntdCus_root__NRGpB">
                                                                        <div class="ant-table-wrapper GbTable_table__moqvH">
                                                                            <div class="ant-spin-nested-loading">
                                                                                <div class="ant-spin-container">
                                                                                    <div class="ant-table">
                                                                                        <div class="ant-table-container">
                                                                                            <div class="ant-table-content">
                                                                                                <table style=" table-layout: auto; ">
                                                                                                    <colgroup></colgroup>
                                                                                                    <thead class="ant-table-thead">
                                                                                                        <tr>
                                                                                                            <th class="ant-table-cell">
                                                                                                                <img src="https://www.spicy03.com/assets/common/badge.png" height="24px" />
                                                                                                            </th>
                                                                                                            <th class="ant-table-cell">Total</th>
                                                                                                            <th class="ant-table-cell">Level</th>
                                                                                                            <th class="ant-table-cell">Invited</th>
                                                                                                            <th class="ant-table-cell">FirstDeposit</th>
                                                                                                            <th class="ant-table-cell">Bet Amount</th>
                                                                                                            <th class="ant-table-cell">Profits</th>
                                                                                                        </tr>
                                                                                                    </thead>
                                                                                                    <tbody class="ant-table-tbody">
                                                                                                        <tr data-row-key="Level1" class="ant-table-row ant-table-row-level-0">
                                                                                                            <td rowspan="3" class="ant-table-cell">Grand Total</td>
                                                                                                            <td rowspan="3" class="ant-table-cell">
                                                                                                                <span>R$0</span>
                                                                                                            </td>
                                                                                                            <td class="ant-table-cell">Level1</td>
                                                                                                            <td class="ant-table-cell">0</td>
                                                                                                            <td class="ant-table-cell">0</td>
                                                                                                            <td class="ant-table-cell">
                                                                                                                <span>R$0</span>
                                                                                                            </td>
                                                                                                            <td class="ant-table-cell">
                                                                                                                <span>R$0</span>
                                                                                                            </td>
                                                                                                        </tr>
                                                                                                        <tr data-row-key="Level2" class="ant-table-row ant-table-row-level-0">
                                                                                                            <td class="ant-table-cell">Level2</td>
                                                                                                            <td class="ant-table-cell">0</td>
                                                                                                            <td class="ant-table-cell">0</td>
                                                                                                            <td class="ant-table-cell">
                                                                                                                <span>R$0</span>
                                                                                                            </td>
                                                                                                            <td class="ant-table-cell">
                                                                                                                <span>R$0</span>
                                                                                                            </td>
                                                                                                        </tr>
                                                                                                        <tr data-row-key="Level3" class="ant-table-row ant-table-row-level-0">
                                                                                                            <td class="ant-table-cell">Level3</td>
                                                                                                            <td class="ant-table-cell">0</td>
                                                                                                            <td class="ant-table-cell">0</td>
                                                                                                            <td class="ant-table-cell">
                                                                                                                <span>R$0</span>
                                                                                                            </td>
                                                                                                            <td class="ant-table-cell">
                                                                                                                <span>R$0</span>
                                                                                                            </td>
                                                                                                        </tr>
                                                                                                    </tbody>
                                                                                                </table>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="Agent_tableBlockM__-tsPI">
                                                                <div class="Agent_statisticItem__9+dXQ">
                                                                    <div class="Agent_statisticItemHeader__JZgtK">
                                                                        <span>Grand Total</span>
                                                                    </div>
                                                                    <div class="Agent_statisticItemRow__v3Gi0">
                                                                        <span class="Agent_statisticItemRowItem__7i9px Agent_label__-ie+m">Level</span>
                                                                        <span class="Agent_statisticItemRowItem__7i9px" style="color: gray">Level1</span>
                                                                        <span class="Agent_statisticItemRowItem__7i9px" style="color: gray">Level2</span>
                                                                        <span class="Agent_statisticItemRowItem__7i9px" style="color: gray">Level3</span>
                                                                    </div>
                                                                    <div class="Agent_statisticItemRow__v3Gi0 Agent_deep__a0p2v">
                                                                        <span class="Agent_statisticItemRowItem__7i9px Agent_label__-ie+m">Invited</span>
                                                                        <span class="Agent_statisticItemRowItem__7i9px" style="color: gray">
                                                                            <span>0</span>
                                                                        </span>
                                                                        <span class="Agent_statisticItemRowItem__7i9px" style="color: gray">
                                                                            <span>0</span>
                                                                        </span>
                                                                        <span class="Agent_statisticItemRowItem__7i9px" style="color: gray">
                                                                            <span>0</span>
                                                                        </span>
                                                                    </div>
                                                                    <div class="Agent_statisticItemRow__v3Gi0">
                                                                        <span class="Agent_statisticItemRowItem__7i9px Agent_label__-ie+m">First Deposit</span>
                                                                        <span class="Agent_statisticItemRowItem__7i9px" style="color: gray">
                                                                            <span>0</span>
                                                                        </span>
                                                                        <span class="Agent_statisticItemRowItem__7i9px" style="color: gray">
                                                                            <span>0</span>
                                                                        </span>
                                                                        <span class="Agent_statisticItemRowItem__7i9px" style="color: gray">
                                                                            <span>0</span>
                                                                        </span>
                                                                    </div>
                                                                    <div class="Agent_statisticItemRow__v3Gi0 Agent_deep__a0p2v">
                                                                        <span class="Agent_statisticItemRowItem__7i9px Agent_label__-ie+m">Bet Amount</span>
                                                                        <span class="Agent_statisticItemRowItem__7i9px" style="color: gray">
                                                                            <span>R$0</span>
                                                                        </span>
                                                                        <span class="Agent_statisticItemRowItem__7i9px" style="color: gray">
                                                                            <span>R$0</span>
                                                                        </span>
                                                                        <span class="Agent_statisticItemRowItem__7i9px" style="color: gray">
                                                                            <span>R$0</span>
                                                                        </span>
                                                                    </div>
                                                                    <div class="Agent_statisticItemRow__v3Gi0">
                                                                        <span class="Agent_statisticItemRowItem__7i9px Agent_label__-ie+m">Profits</span>
                                                                        <span class="Agent_statisticItemRowItem__7i9px" style="color: gray">
                                                                            <span>R$0</span>
                                                                        </span>
                                                                        <span class="Agent_statisticItemRowItem__7i9px" style="color: gray">
                                                                            <span>R$0</span>
                                                                        </span>
                                                                        <span class="Agent_statisticItemRowItem__7i9px" style="color: gray">
                                                                            <span>R$0</span>
                                                                        </span>
                                                                    </div>
                                                                    <div class="Agent_statisticItemFooter__wVMNW">
                                                                        <span>Total R$0</span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="Agent_datePicker__pmxhq">
                                                            <div class="Agent_segmented__Gkuak">
                                                                <div class="ant-segmented ant-segmented-lg">
                                                                    <div class="ant-segmented-group">
                                                                        <label class="ant-segmented-item" @click="dwm = 0" :class="dwm == 0 ? 'ant-segmented-item-selected':''">
                                                                            <input class="ant-segmented-item-input" type="radio" />
                                                                            <div class="ant-segmented-item-label" title="Day">Day</div>
                                                                        </label>
                                                                        <label class="ant-segmented-item" @click="dwm = 1" :class="dwm == 1 ? 'ant-segmented-item-selected':''">
                                                                            <input class="ant-segmented-item-input" type="radio" checked="" />
                                                                            <div class="ant-segmented-item-label" title="Week">Week</div>
                                                                        </label>
                                                                        <label class="ant-segmented-item" @click="dwm = 2" :class="dwm == 2 ? 'ant-segmented-item-selected':''">
                                                                            <input class="ant-segmented-item-input" type="radio" />
                                                                            <div class="ant-segmented-item-label" title="Month">Month</div>
                                                                        </label>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div>
                                                                <div class="ant-picker ant-picker-range ant-picker-large" style="width: 100%; display: flex">
                                                                    <div class="ant-picker-input ant-picker-input-active">
                                                                        <!-- <input readonly="" placeholder="Start date" size="12" autocomplete="off" value="" /> -->
                                                                        <input type="date" class="form-control" style="color: black" />
                                                                    </div>
                                                                    <div class="ant-picker-range-separator" style="padding: 0 10px">
                                                                        <span aria-label="to" class="ant-picker-separator">
                                                                            <span role="img" aria-label="swap-right" class="anticon anticon-swap-right">
                                                                                <svg viewBox="0 0 1024 1024" focusable="false" data-icon="swap-right" width="1em" height="1em"
                                                                                     fill="currentColor" aria-hidden="true">
                                                                                    <path d="M873.1 596.2l-164-208A32 32 0 00684 376h-64.8c-6.7 0-10.4 7.7-6.3 13l144.3 183H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h695.9c26.8 0 41.7-30.8 25.2-51.8z"></path>
                                                                                </svg>
                                                                            </span>
                                                                        </span>
                                                                    </div>
                                                                    <div class="ant-picker-input">
                                                                        <!-- <input readonly="" placeholder="End date" size="12" autocomplete="off" value="" /> -->
                                                                        <input type="date" class="form-control" style="color: black" />
                                                                    </div>
                                                                    <div class="ant-picker-active-bar" style=" left: 0px; width: 122px; position: absolute; "></div><!-- <span class="ant-picker-suffix" ><span role="img" aria-label="calendar" class="anticon anticon-calendar" ><svg viewBox="64 64 896 896" focusable="false" data-icon="calendar" width="1em" height="1em" fill="currentColor" aria-hidden="true" > <path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z" ></path></svg></span ></span> -->
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="ant-list ant-list-split ant-list-something-after-last-item">
                                                            <div class="ant-spin-nested-loading">
                                                                <div class="ant-spin-container">
                                                                    <div style="" class="ant-list-empty-text">
                                                                        <div class="GbNoData_root__klmOf">
                                                                            <img class="GbNoData_icon__uCjD8" src="https://spicy.rescdns.com/static/cdnimg/v4/37CDF956FB99616BA166DC17329BEFCA"
                                                                                 alt="" />
                                                                            <p class="GbNoData_text__Ai6jG">No Data</p>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="ant-list-pagination">
                                                                <ul class="ant-pagination">
                                                                    <li title="Previous Page" class="ant-pagination-prev ant-pagination-disabled" aria-disabled="true">
                                                                        <button class="ant-pagination-item-link" type="button" tabindex="-1" disabled="">
                                                                            <span role="img" aria-label="left" class="anticon anticon-left">
                                                                                <svg viewBox="64 64 896 896" focusable="false" data-icon="left" width="1em" height="1em" fill="currentColor"
                                                                                     aria-hidden="true">
                                                                                    <path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"></path>
                                                                                </svg>
                                                                            </span>
                                                                        </button>
                                                                    </li>
                                                                    <li title="1" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-disabled" tabindex="0">
                                                                        <a rel="nofollow">1</a>
                                                                    </li>
                                                                    <li title="Next Page" class="ant-pagination-next ant-pagination-disabled" aria-disabled="true">
                                                                        <button class="ant-pagination-item-link" type="button" tabindex="-1" disabled="">
                                                                            <span role="img" aria-label="right" class="anticon anticon-right">
                                                                                <svg viewBox="64 64 896 896" focusable="false" data-icon="right" width="1em" height="1em" fill="currentColor"
                                                                                     aria-hidden="true">
                                                                                    <path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"></path>
                                                                                </svg>
                                                                            </span>
                                                                        </button>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div id="rc-tabs-1-panel-2" role="tabpanel" tabindex="-1" aria-labelledby="rc-tabs-1-tab-2" aria-hidden="true" class="ant-tabs-tabpane"
                                                 v-if="share_tab == 2">
                                                <div class="Invite_tabPaneContent__IHjU8">
                                                    <div class="Salary_root__zHEmo">
                                                        <div class="Salary_summary__6QhD7">
                                                            <div class="GbTable_root__aRhLC">
                                                                <div class="AntdCus_root__NRGpB">
                                                                    <div class="ant-table-wrapper GbTable_table__moqvH">
                                                                        <div class="ant-spin-nested-loading">
                                                                            <div class="ant-spin-container">
                                                                                <div class="ant-table">
                                                                                    <div class="ant-table-container">
                                                                                        <div class="ant-table-content">
                                                                                            <table style=" table-layout: auto; ">
                                                                                                <colgroup></colgroup>
                                                                                                <thead class="ant-table-thead">
                                                                                                    <tr>
                                                                                                        <th class="ant-table-cell">
                                                                                                            <img src="https://www.spicy03.com/assets/common/badge.png" height="24px" />
                                                                                                        </th>
                                                                                                        <th class="ant-table-cell">Total</th>
                                                                                                    </tr>
                                                                                                </thead>
                                                                                                <tbody class="ant-table-tbody">
                                                                                                    <tr data-row-key="Grand Total" class="ant-table-row ant-table-row-level-0">
                                                                                                        <td class="ant-table-cell">Grand Total</td>
                                                                                                        <td class="ant-table-cell">
                                                                                                            <span>R$0</span>
                                                                                                        </td>
                                                                                                    </tr>
                                                                                                </tbody>
                                                                                            </table>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="Salary_summaryM__zmjP8">
                                                            <div class="Salary_header__F0CRp">
                                                                <span>
                                                                    <img src="https://www.spicy03.com/assets/common/badge.png" height="24px" />
                                                                </span>
                                                                <span>Total</span>
                                                            </div>
                                                            <div class="Salary_content__cQRpp">
                                                                <span>Grand Total</span>
                                                                <span>R$0</span>
                                                            </div>
                                                        </div>
                                                        <div class="Salary_datePicker__CgxdD">
                                                            <div></div>
                                                            <div>
                                                                <div class="ant-picker ant-picker-range ant-picker-large" style="width: 100%; display: flex">
                                                                    <div class="ant-picker-input ant-picker-input-active">
                                                                        <!-- <input readonly="" placeholder="Start date" size="12" autocomplete="off" value="" /> -->
                                                                        <input type="date" class="form-control" style="color: black" />
                                                                    </div>
                                                                    <div class="ant-picker-range-separator" style="padding: 0 10px">
                                                                        <span aria-label="to" class="ant-picker-separator">
                                                                            <span role="img" aria-label="swap-right" class="anticon anticon-swap-right">
                                                                                <svg viewBox="0 0 1024 1024" focusable="false" data-icon="swap-right" width="1em" height="1em"
                                                                                     fill="currentColor" aria-hidden="true">
                                                                                    <path d="M873.1 596.2l-164-208A32 32 0 00684 376h-64.8c-6.7 0-10.4 7.7-6.3 13l144.3 183H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h695.9c26.8 0 41.7-30.8 25.2-51.8z"></path>
                                                                                </svg>
                                                                            </span>
                                                                        </span>
                                                                    </div>
                                                                    <div class="ant-picker-input">
                                                                        <!-- <input readonly="" placeholder="End date" size="12" autocomplete="off" value="" /> -->
                                                                        <input type="date" class="form-control" style="color: black" />
                                                                    </div>
                                                                    <div class="ant-picker-active-bar" style=" left: 0px; width: 0px; position: absolute; "></div><!-- <span class="ant-picker-suffix" ><span role="img" aria-label="calendar" class="anticon anticon-calendar" ><svg viewBox="64 64 896 896" focusable="false" data-icon="calendar" width="1em" height="1em" fill="currentColor" aria-hidden="true" > <path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z" ></path></svg></span ></span> -->
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="ant-list ant-list-split ant-list-something-after-last-item">
                                                            <div class="ant-spin-nested-loading">
                                                                <div class="ant-spin-container">
                                                                    <div style="" class="ant-list-empty-text">
                                                                        <div class="GbNoData_root__klmOf">
                                                                            <img class="GbNoData_icon__uCjD8" src="https://spicy.rescdns.com/static/cdnimg/v4/37CDF956FB99616BA166DC17329BEFCA"
                                                                                 alt="" />
                                                                            <p class="GbNoData_text__Ai6jG">No Data</p>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="ant-list-pagination">
                                                                <ul class="ant-pagination">
                                                                    <li title="Previous Page" class="ant-pagination-prev ant-pagination-disabled" aria-disabled="true">
                                                                        <button class="ant-pagination-item-link" type="button" tabindex="-1" disabled="">
                                                                            <span role="img" aria-label="left" class="anticon anticon-left">
                                                                                <svg viewBox="64 64 896 896" focusable="false" data-icon="left" width="1em" height="1em" fill="currentColor"
                                                                                     aria-hidden="true">
                                                                                    <path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"></path>
                                                                                </svg>
                                                                            </span>
                                                                        </button>
                                                                    </li>
                                                                    <li title="1" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-disabled" tabindex="0">
                                                                        <a rel="nofollow">1</a>
                                                                    </li>
                                                                    <li title="Next Page" class="ant-pagination-next ant-pagination-disabled" aria-disabled="true">
                                                                        <button class="ant-pagination-item-link" type="button" tabindex="-1" disabled="">
                                                                            <span role="img" aria-label="right" class="anticon anticon-right">
                                                                                <svg viewBox="64 64 896 896" focusable="false" data-icon="right" width="1em" height="1em" fill="currentColor"
                                                                                     aria-hidden="true">
                                                                                    <path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"></path>
                                                                                </svg>
                                                                            </span>
                                                                        </button>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div id="rc-tabs-1-panel-3" role="tabpanel" tabindex="-1" aria-labelledby="rc-tabs-1-tab-3" aria-hidden="true" class="ant-tabs-tabpane"
                                                 v-if="share_tab == 3">
                                                <div class="Invite_tabPaneContent__IHjU8">
                                                    <div class="GbTable_root__aRhLC">
                                                        <div class="AntdCus_root__NRGpB">
                                                            <div class="ant-table-wrapper GbTable_table__moqvH">
                                                                <div class="ant-spin-nested-loading">
                                                                    <div class="ant-spin-container">
                                                                        <div class="ant-table ant-table-empty ant-table-scroll-horizontal">
                                                                            <div class="ant-table-container">
                                                                                <div class="ant-table-content" style=" overflow: auto hidden; ">
                                                                                    <table style=" width: 500px; min-width: 100%; table-layout: auto; ">
                                                                                        <colgroup></colgroup>
                                                                                        <thead class="ant-table-thead">
                                                                                            <tr>
                                                                                                <th class="ant-table-cell">Date</th>
                                                                                                <th class="ant-table-cell">User</th>
                                                                                                <th class="ant-table-cell">
                                                                                                    <span>DepositAmount(R$)</span>
                                                                                                </th>
                                                                                                <th class="ant-table-cell">
                                                                                                    <span>BetAmount(R$)</span>
                                                                                                </th>
                                                                                            </tr>
                                                                                        </thead>
                                                                                        <tbody class="ant-table-tbody">
                                                                                            <tr aria-hidden="true" class="ant-table-measure-row" style=" height: 0px; font-size: 0px; ">
                                                                                                <td style=" padding: 0px; border: 0px; height: 0px; ">
                                                                                                    <div style=" height: 0px; overflow: hidden; ">&nbsp;</div>
                                                                                                </td>
                                                                                                <td style=" padding: 0px; border: 0px; height: 0px; ">
                                                                                                    <div style=" height: 0px; overflow: hidden; ">&nbsp;</div>
                                                                                                </td>
                                                                                                <td style=" padding: 0px; border: 0px; height: 0px; ">
                                                                                                    <div style=" height: 0px; overflow: hidden; ">&nbsp;</div>
                                                                                                </td>
                                                                                                <td style=" padding: 0px; border: 0px; height: 0px; ">
                                                                                                    <div style=" height: 0px; overflow: hidden; ">&nbsp;</div>
                                                                                                </td>
                                                                                            </tr>
                                                                                            <tr class="ant-table-placeholder">
                                                                                                <td colspan="4" class="ant-table-cell">
                                                                                                    <div class="ant-table-expanded-row-fixed" style=" width: 1148px; position: sticky; left: 0px; overflow: hidden; ">
                                                                                                        <div class="GbNoData_root__klmOf">
                                                                                                            <img class="GbNoData_icon__uCjD8" src="https://spicy.rescdns.com/static/cdnimg/v4/37CDF956FB99616BA166DC17329BEFCA"
                                                                                                                 alt="" />
                                                                                                            <p class="GbNoData_text__Ai6jG">No Data</p>
                                                                                                        </div>
                                                                                                    </div>
                                                                                                </td>
                                                                                            </tr>
                                                                                        </tbody>
                                                                                    </table>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div id="rc-tabs-1-panel-4" role="tabpanel" tabindex="-1" aria-labelledby="rc-tabs-1-tab-4" aria-hidden="true" class="ant-tabs-tabpane"
                                                 v-if="share_tab == 4">
                                                <div class="Invite_tabPaneContent__IHjU8">
                                                    <div style=" width: 100%; height: 50px; position: relative; ">
                                                        <div class="ant-select ant-select-lg Invite_select__zdFg0 ant-select-single ant-select-show-arrow">
                                                            <select class="form-control" style="width: 100%;background: rgba(0,0,0,0);padding:5px">
                                                                <option style="background:#1f1f1f;padding:5px">ALL</option>
                                                                <option style="background:#1f1f1f;padding:5px">Invitation Bonus</option>
                                                                <option style="background:#1f1f1f;padding:5px">Bets Commission</option>
                                                            </select><!-- <div class="ant-select-selector"> <span class="ant-select-selection-search" > <input type="search" autocomplete="off" class="ant-select-selection-search-input" role="combobox" aria-haspopup="listbox" aria-owns="rc_select_62_list" aria-autocomplete="list" aria-controls="rc_select_62_list" aria-activedescendant="rc_select_62_list_0" readonly="" unselectable="on" value="" id="rc_select_62" style="opacity: 0" /> </span> <span class="ant-select-selection-item" title="All" >All</span> </div> -->
                                                            <!-- <span class="ant-select-arrow" unselectable="on" aria-hidden="true" style="user-select: none" ><span role="img" aria-label="down" class="anticon anticon-down ant-select-suffix" ><svg viewBox="64 64 896 896" focusable="false" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" > <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" ></path></svg></span ></span> -->
                                                        </div>
                                                    </div>
                                                    <div class="GbTable_root__aRhLC">
                                                        <div class="AntdCus_root__NRGpB">
                                                            <div class="ant-table-wrapper GbTable_table__moqvH">
                                                                <div class="ant-spin-nested-loading">
                                                                    <div class="ant-spin-container">
                                                                        <div class="ant-table ant-table-empty ant-table-scroll-horizontal">
                                                                            <div class="ant-table-container">
                                                                                <div class="ant-table-content" style=" overflow: auto hidden; ">
                                                                                    <table style=" width: 500px; min-width: 100%; table-layout: auto; ">
                                                                                        <colgroup></colgroup>
                                                                                        <thead class="ant-table-thead">
                                                                                            <tr>
                                                                                                <th class="ant-table-cell">Date</th>
                                                                                                <th class="ant-table-cell">User</th>
                                                                                                <th class="ant-table-cell">Reward type</th>
                                                                                                <th class="ant-table-cell">
                                                                                                    <span>Bonus(R$)</span>
                                                                                                </th>
                                                                                            </tr>
                                                                                        </thead>
                                                                                        <tbody class="ant-table-tbody">
                                                                                            <tr aria-hidden="true" class="ant-table-measure-row" style=" height: 0px; font-size: 0px; ">
                                                                                                <td style=" padding: 0px; border: 0px; height: 0px; ">
                                                                                                    <div style=" height: 0px; overflow: hidden; ">&nbsp;</div>
                                                                                                </td>
                                                                                                <td style=" padding: 0px; border: 0px; height: 0px; ">
                                                                                                    <div style=" height: 0px; overflow: hidden; ">&nbsp;</div>
                                                                                                </td>
                                                                                                <td style=" padding: 0px; border: 0px; height: 0px; ">
                                                                                                    <div style=" height: 0px; overflow: hidden; ">&nbsp;</div>
                                                                                                </td>
                                                                                                <td style=" padding: 0px; border: 0px; height: 0px; ">
                                                                                                    <div style=" height: 0px; overflow: hidden; ">&nbsp;</div>
                                                                                                </td>
                                                                                            </tr>
                                                                                            <tr class="ant-table-placeholder">
                                                                                                <td colspan="4" class="ant-table-cell">
                                                                                                    <div class="ant-table-expanded-row-fixed" style=" width: 1148px; position: sticky; left: 0px; overflow: hidden; ">
                                                                                                        <div class="GbNoData_root__klmOf">
                                                                                                            <img class="GbNoData_icon__uCjD8" src="https://spicy.rescdns.com/static/cdnimg/v4/37CDF956FB99616BA166DC17329BEFCA"
                                                                                                                 alt="" />
                                                                                                            <p class="GbNoData_text__Ai6jG">No Data</p>
                                                                                                        </div>
                                                                                                    </div>
                                                                                                </td>
                                                                                            </tr>
                                                                                        </tbody>
                                                                                    </table>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 游戏历史 -->
            <div v-cloak v-if="currentShowTemplate == 'history'">
                <div class="GameHistory_root__a5tv5">
                    <div class="GameHistory_gameList__gZWeW">
                        <div class="GameHistory_gameListTitle__Uqr29">
                            <span role="img" aria-label="history" class="anticon anticon-history GameHistory_gameListTitleIcon__P5+Cw">
                                <svg viewBox="64 64 896 896" focusable="false" data-icon="history" width="1em" height="1em" fill="currentColor" aria-hidden="true">
                                    <path d="M536.1 273H488c-4.4 0-8 3.6-8 8v275.3c0 2.6 1.2 5 3.3 6.5l165.3 120.7c3.6 2.6 8.6 1.9 11.2-1.7l28.6-39c2.7-3.7 1.9-8.7-1.7-11.2L544.1 528.5V281c0-4.4-3.6-8-8-8zm219.8 75.2l156.8 38.3c5 1.2 9.9-2.6 9.9-7.7l.8-161.5c0-6.7-7.7-10.5-12.9-6.3L752.9 334.1a8 8 0 003 14.1zm167.7 301.1l-56.7-19.5a8 8 0 00-10.1 4.8c-1.9 5.1-3.9 10.1-6 15.1-17.8 42.1-43.3 80-75.9 112.5a353 353 0 01-112.5 75.9 352.18 352.18 0 01-137.7 27.8c-47.8 0-94.1-9.3-137.7-27.8a353 353 0 01-112.5-75.9c-32.5-32.5-58-70.4-75.9-112.5A353.44 353.44 0 01171 512c0-47.8 9.3-94.2 27.8-137.8 17.8-42.1 43.3-80 75.9-112.5a353 353 0 01112.5-75.9C430.6 167.3 477 158 524.8 158s94.1 9.3 137.7 27.8A353 353 0 01775 261.7c10.2 10.3 19.8 21 28.6 32.3l59.8-46.8C784.7 146.6 662.2 81.9 524.6 82 285 82.1 92.6 276.7 95 516.4 97.4 751.9 288.9 942 524.8 942c185.5 0 343.5-117.6 403.7-282.3 1.5-4.2-.7-8.9-4.9-10.4z"></path>
                                </svg>
                            </span>
                            <span>Game History</span>
                        </div>
                        <div class="GbGridPageView_root__9k-df">
                            <div class="ant-list ant-list-split ant-list-grid">
                                <div class="ant-spin-nested-loading">
                                    <div class="ant-spin-container">
                                        <div class="ant-row" style="margin-left: -12px; margin-right: -12px;">
                                            <div v-for="(item,index) in gameHistroy"  :style="{'width':gameW,'max-width':gameW}">
                                                <div class="ant-col" style="padding-left: 12px; padding-right: 12px; flex: 1 1 auto;">
                                                    <div class="ant-list-item" style="margin-bottom: 24px;">
                                                        <div class="GameHistory_gameListGridItem__OB-Dq">
                                                            <div class="C000044_lazyLoadImage__Tc8-e">
                                                                <span class="C000044_placeholder__gYrus lazy-load-image-background black-and-white lazy-load-image-loaded" style="color: transparent; display: inline-block; height: 100%; width: 100%;">
                                                                    <img width="100%" height="100%" src="https://spicy.rescdns.com/static/cdnimg/v4/F1DD35317782C583812FB5BD6F66D977">
                                                                </span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 奖金列表说明 -->
            <div v-cloak v-if="currentShowTemplate == 'bonus' ">
                <div class="Bonus_root__HEw9X">
                    <h1 class="Bonus_title__Oc5XA">Promotions</h1>
                    <div class="ant-list ant-list-split ant-list-grid">
                        <div class="ant-spin-nested-loading">
                            <div class="ant-spin-container">
                                <div class="ant-row" style="margin-left: -4px; margin-right: -4px; row-gap: 8px;">
                                    <div
                                        :style="{'width':bounsW,'max-width':bounsW}"
                                        @click="currentShowTemplate = 'article' "
                                        v-for="(item,index) in 6"
                                        :key="index"
                                    >
                                        <div class="ant-col" style="padding-left: 4px; padding-right: 4px; flex: 1 1 auto;">
                                            <div class="ant-list-item" style="margin-bottom: 0px;">
                                                <div class="Bonus_item__RY6DB">
                                                    <div class="C000044_lazyLoadImage__Tc8-e Bonus_itemImage__KzuSe">
                                                        <span class="C000044_placeholder__gYrus lazy-load-image-background black-and-white lazy-load-image-loaded" style="color: transparent; display: inline-block; height: 100%; width: 100%;">
                                                            <img width="100%" height="100%" src="https://spicy.rescdns.com/static/cdnimg/v4/27C96BC36047C28A89ED5AC14BF79E9A">
                                                        </span>
                                                    </div>
                                                    <div class="Bonus_itemContent__edehu" direction="vertical">
                                                        <p class="Bonus_itemTitle__2qTzF">🔥CONVITE BOUNS🌶</p>
                                                        <p class="Bonus_itemInfo__1zbPt">Comece agora e ganhe R$30 em dinheiro.
                                                            Agora compartilhe com seus amigos, quanto mais você compartilhar, mais recompensas</p>
                                                        <p class="Bonus_itemMore__uyKSA">Learn More</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 优惠券code -->
            <div v-cloak v-if="currentShowTemplate == 'coupon' ">
                <div class="Coupon_root__HB-+p">
                    <form class="ant-form ant-form-horizontal" style="background-color: transparent;">
                        <div class="adm-space adm-space-block adm-space-vertical" style="--gap: 30px;">
                            <div class="adm-space-item">
                                <img class="Coupon_pic__SGpl6" src="https://www.spicy03.com/assets/common/coupon_pic.png" alt="">
                            </div>
                            <div class="adm-space-item">
                                <div class="ant-form-item">
                                    <div class="ant-row ant-form-item-row">
                                        <div class="ant-col ant-form-item-control">
                                            <div class="ant-form-item-control-input">
                                                <div class="ant-form-item-control-input-content">
                                                    <div class="GbLoginInput_root__mlVsL">
                                                        <div class="GbLoginInput_prefix__681qU">
                                                            <svg class="GbIcons_icon__P8dvB" width="23" height="19" viewBox="0 0 23 19" fill="none" xmlns="http://www.w3.org/2000/svg" style="height: 30px; margin-top: 8px;">
                                                                <path d="M0 12.2487C1.56467 12.2487 2.83333 10.9713 2.83333 9.396C2.83333 7.83467 1.58667 6.56667 0.0413332 6.544V2C0.0413332 1.46957 0.252047 0.96086 0.62712 0.585787C1.00219 0.210714 1.5109 0 2.04133 0H20.708C21.2384 0 21.7471 0.210714 22.1222 0.585787C22.4973 0.96086 22.708 1.46957 22.708 2L22.7073 6.54533L22.612 6.54733C21.1113 6.61933 19.916 7.86733 19.916 9.396C19.916 10.9573 21.162 12.226 22.7073 12.2487V16.6667C22.7073 17.1971 22.4966 17.7058 22.1215 18.0809C21.7465 18.456 21.2378 18.6667 20.7073 18.6667H2.04133C1.5109 18.6667 1.00219 18.456 0.62712 18.0809C0.252047 17.7058 0.0413332 17.1971 0.0413332 16.6667V12.248L0 12.2487ZM7.37467 12V14.6667H9.5V12H7.37467ZM7.37467 8V10.6667H9.5V8H7.37467ZM7.37467 4V6.66667H9.5V4H7.37467Z" fill="#346EDB"></path>
                                                            </svg>
                                                        </div>
                                                        <input placeholder="Coupon Code" type="text" inputmode="text" class="ant-input ant-input-lg ant-input-borderless GbLoginInput_input__9jeuN" value="" style="--placeholder-color: #999999;">
                                                        <div class="GbLoginInput_suffix__hVImO"></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="adm-space-item">
                                <button type="button" class="adm-button adm-button-primary adm-button-block adm-button-shape-default">Redeem</button>
                            </div>
                            <div class="adm-space-item">
                                <div class="Coupon_tips__u0T9X">
                                    <span style="font-size: 14px;">Coupon Tips:</span>
                                    <br>Make sure your name, bank card is accurate and unique, if the same user uses different network IPs to register multiple accounts and get coupon Code, it will be considered fraud and your account will be permanently frozen.
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <!-- Ranking Vip 说明 -->
            <div v-cloak v-if="currentShowTemplate == 'rankvip' ">
                <div class="Vip_root__mRwgz">
                    <img class="Vip_header__4UBzi" src="https://www.spicy03.com/assets/common/vip_all_header.png" alt="">
                    <div class="Vip_myRank__6wQHO" style="background-image: url('https://www.spicy03.com/assets/common/vip_all_rank_bg.png');">
                        <div class="adm-image Vip_myRankIcon__Us6Dp">
                            <img class="adm-image-img" src="https://spicy.rescdns.com/static/cdnimg/v4/2E7997C0A95F8365AA55D62EC2132288" draggable="false" style="object-fit: contain; display: block;">
                        </div>
                    </div>
                    <div class="Vip_titleBox__t+VTG" style="background-image: url('https://www.spicy03.com/assets/common/vip_all_divider_bg.png');">
                        <p class="Vip_level__bOZhV">VIP1</p>
                    </div>
                    <p class="Vip_desc1__HLjPO">The VIP1 qualification can be unlocked by accumulating R$ 0 deposit and valid bet of R$ 0.Get discounts on high games.</p>
                    <p class="Vip_desc2__6IT7R">VIP has <span style="color: rgb(214, 145, 64);">12 levels </span> the higher the level the bigger the discount</p>
                    <div>
                        <div class="Vip_ranksBox__cxePR" style="background-image: url('https://www.spicy03.com/assets/common/vip_all_box_bg.png');">
                            <div class="adm-image Vip_ranksBoxIcon__vp7fn">
                                <img class="adm-image-img" src="https://spicy.rescdns.com/static/cdnimg/v4/ECA844C700B90994F564242351E7B9EF" draggable="false" style="object-fit: contain; display: block;">
                            </div>
                            <p class="Vip_ranksBoxLevel__eqJQ0">VIP11</p>
                            <p class="Vip_ranksBoxTitle__GAP6o">VIP11 level conditions</p>
                            <p class="Vip_ranksBoxInfo__Drlua">
                                <span>Cumulative deposit R$ 10,000,000Accumulated bet R$ 40,000,000</span>
                            </p>
                            <p class="Vip_ranksBoxTitle__GAP6o">Withdrawal Privileges</p>
                            <p class="Vip_ranksBoxInfo__Drlua">Number of withdrawals: 5 time/day
                                <br>Maximum bet unit price: R$ 19,999
                                <br>Drawing fee: 0%</p>
                            <div class="Vip_ranksBoxCash__5nXNk">Cash back
                                <br>
                                <p class="Vip_ranksBoxCashLine__s6jFO">
                                    <span>In-House: 0.5%</span>
                                </p>
                            </div>
                        </div>
                        <div class="Vip_control__2kZfp">
                            <button type="button" class="adm-button adm-button-primary adm-button-shape-default Vip_controlButton__BEWVJ">
                                <span role="img" aria-label="caret-left" class="anticon anticon-caret-left">
                                    <svg viewBox="0 0 1024 1024" focusable="false" data-icon="caret-left" width="1em" height="1em" fill="currentColor" aria-hidden="true">
                                        <path d="M689 165.1L308.2 493.5c-10.9 9.4-10.9 27.5 0 37L689 858.9c14.2 12.2 35 1.2 35-18.5V183.6c0-19.7-20.8-30.7-35-18.5z"></path>
                                    </svg>
                                </span>
                            </button>
                            <button type="button" class="adm-button adm-button-primary adm-button-shape-default Vip_controlButton__BEWVJ">
                                <span role="img" aria-label="caret-right" class="anticon anticon-caret-right">
                                    <svg viewBox="0 0 1024 1024" focusable="false" data-icon="caret-right" width="1em" height="1em" fill="currentColor" aria-hidden="true">
                                        <path d="M715.8 493.5L335 165.1c-14.2-12.2-35-1.2-35 18.5v656.8c0 19.7 20.8 30.7 35 18.5l380.8-328.4c10.9-9.4 10.9-27.6 0-37z"></path>
                                    </svg>
                                </span>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 文章详情 -->
            <div v-cloak v-if="currentShowTemplate == 'article' ">
                <div class="DesignArticle_root__yLujo">
                    <div class="adm-space adm-space-block adm-space-vertical" style="width: 100%;">
                        <div class="adm-space-item">
                            <div class="GbArticle_root__Vinqw">
                                <h1 class="GbArticle_title__H0Gbt">🌶Ganhe até R$30 por convites</h1>
                                <div>
                                    <div class="wmde-markdown wmde-markdown-color " style="background: transparent;">
                                        <h3 id="resultados-incríveis-e-todos-ganharam-dinheiro">
                                            <a class="anchor" aria-hidden="true" tabindex="-1" href="#resultados-incríveis-e-todos-ganharam-dinheiro">
                                                <svg class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true">
                                                    <path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"></path>
                                                </svg>
                                            </a>Resultados incríveis e todos ganharam dinheiro!
                                        </h3>
                                        <h2 id="como-funciona-os-bônus-de-convite">
                                            <a class="anchor" aria-hidden="true" tabindex="-1" href="#como-funciona-os-bônus-de-convite">
                                                <svg class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true">
                                                    <path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"></path>
                                                </svg>
                                            </a>
                                            <strong>COMO FUNCIONA OS BÔNUS DE CONVITE?</strong>
                                        </h2>
                                        <h4 id="convide-os-usuários-a-depositar-r10-e-ganhe-um-bônus-de-r5">
                                            <a class="anchor" aria-hidden="true" tabindex="-1" href="#convide-os-usuários-a-depositar-r10-e-ganhe-um-bônus-de-r5">
                                                <svg class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true">
                                                    <path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"></path>
                                                </svg>
                                            </a>Convide os usuários a depositar R$10 e ganhe um bônus de R$5
                                        </h4>
                                        <h4 id="convide-os-usuários-a-depositar-r20para-regras-específicas-consulte-a-tabela">
                                            <a class="anchor" aria-hidden="true" tabindex="-1" href="#convide-os-usuários-a-depositar-r20para-regras-específicas-consulte-a-tabela">
                                                <svg class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true">
                                                    <path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"></path>
                                                </svg>
                                            </a>Convide os usuários a depositar R$20，Para regras específicas, consulte a tabela
                                        </h4>
                                        <table>
                                            <thead>
                                                <tr>
                                                    <th style="text-align: center;">Usuários de Depósitos Cumulativos</th>
                                                    <th style="text-align: center;">Prêmios por convite</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td style="text-align: center;">0 - 10 Pessoas</td>
                                                    <td style="text-align: center;">R$15 por pessoa</td>
                                                </tr>
                                                <tr>
                                                    <td style="text-align: center;">11 - 100 Pessoas</td>
                                                    <td style="text-align: center;">R$17 por pessoa</td>
                                                </tr>
                                                <tr>
                                                    <td style="text-align: center;">101 - 500 Pessoas</td>
                                                    <td style="text-align: center;">R$20 por pessoa</td>
                                                </tr>
                                                <tr>
                                                    <td style="text-align: center;">501 - 2000 Pessoas</td>
                                                    <td style="text-align: center;">R$25 por pessoa</td>
                                                </tr>
                                                <tr>
                                                    <td style="text-align: center;">Mais de 2000 Pessoas</td>
                                                    <td style="text-align: center;">R$30 por pessoa</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                        <ul>
                                            <li>Usuários de Depósitos Cumulativos - 0 - 10 Pessoas - R$15 por pessoa</li>
                                            <li>Usuários de Depósitos Cumulativos - 11 - 100 Pessoas - R$17 por pessoa</li>
                                            <li>Usuários de Depósitos Cumulativos - 101 - 500 Pessoas - R$20 por pessoa</li>
                                            <li>Usuários de Depósitos Cumulativos - 501 - 2000 Pessoas - R$25 por pessoa</li>
                                            <li>Usuários de Depósitos Cumulativos - Mais de 2000 Pessoas - R$30 por pessoa</li>
                                        </ul>
                                        <p>1.Você pode convidar novos usuários através do seu link de convite e quando o convidado recarregar e apostar na plataforma, você poderá obter super recompensas da plataforma.</p>
                                        <p>2.Cada usuário de depósito pode receber pelo menos R$15 por cada convite. Quanto mais pessoas você convidar, maior será o bônus do convite para o nível correspondente.</p>
                                        <h3 id="seu-amigos-deve-se-juntar-à-plataforma-como-seu-convidado-de-nível-1-através-de-seu-link-de-convite-para-que-você-receba-o-bônus-de-convite">
                                            <a class="anchor" aria-hidden="true" tabindex="-1" href="#seu-amigos-deve-se-juntar-à-plataforma-como-seu-convidado-de-nível-1-através-de-seu-link-de-convite-para-que-você-receba-o-bônus-de-convite">
                                                <svg class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true">
                                                    <path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"></path>
                                                </svg>
                                            </a>(SEU AMIGOS DEVE SE JUNTAR À PLATAFORMA COMO SEU CONVIDADO DE NÍVEL 1 ATRAVÉS DE SEU LINK DE CONVITE PARA QUE VOCÊ RECEBA O BÔNUS DE CONVITE!)
                                        </h3>
                                        <h3 id="regra">
                                            <a class="anchor" aria-hidden="true" tabindex="-1" href="#regra">
                                                <svg class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true">
                                                    <path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"></path>
                                                </svg>
                                            </a>REGRA
                                        </h3>
                                        <ul>
                                            <li>
                                                <p>Os novos membros convidados devem fazer um depósito</p>
                                            </li>
                                            <li>
                                                <p>Certifique-se de que o seu nome, detalhes de contacto e CPF são exactos e únicos.</p>
                                            </li>
                                            <li>
                                                <p>Se o mesmo jogador utilizar diferentes IPs de rede para registar múltiplas contas para reclamar o prémio, isto será considerado batota e a sua conta será permanentemente congelada</p>
                                            </li>
                                            <li>
                                                <p>SPICY🌶 se reserva o direito de alterar, suspender ou cancelar atividades promocionais a qualquer momento</p>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 游戏内容详情 -->
            <div v-cloak v-if="currentShowTemplate == 'game' ">
                <div class="Home_root__ddvTM">
                    <div style="display: block;">
                        <div class="GamePlay_root__gdtuk">
                            <div class="GbHeaderTool_root__Q+LBh">
                                <div class="GbHeaderTool_toolAreaSm__cSo+L">
                                    <div class="GbHeaderTool_toolAreaSmLeft__Pmq5k">
                                        <div class="GbHeaderTool_tool__gXE7N" style="margin-left: 0px;">
                                            <span class="GbHeaderTool_name__Dlmgn">Fortune Tiger</span>
                                        </div>
                                        <div class="GbHeaderTool_tool__gXE7N">
                                            <span role="img" aria-label="user" class="anticon anticon-user GbHeaderTool_user__TDDgy">
                                                <svg viewBox="64 64 896 896" focusable="false" data-icon="user" width="1em" height="1em" fill="currentColor" aria-hidden="true">
                                                    <path d="M858.5 763.6a374 374 0 00-80.6-119.5 375.63 375.63 0 00-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 00-80.6 119.5A371.7 371.7 0 00136 901.8a8 8 0 008 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 008-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"></path>
                                                </svg>
                                            </span>
                                            <span class="GbHeaderTool_span__nO+Xq">7414</span>
                                        </div>
                                    </div>
                                    <div class="GbHeaderTool_toolAreaSmRight__Ki+1+">
                                        <div class="GbHeaderTool_collect__oVpnk">
                                            <span role="img" aria-label="heart" class="anticon anticon-heart GbHeaderTool_toolIcons__wXqtA" style="color: rgb(255, 71, 87);">
                                                <svg viewBox="64 64 896 896" focusable="false" data-icon="heart" width="1em" height="1em" fill="currentColor" aria-hidden="true">
                                                    <path d="M923 283.6a260.04 260.04 0 00-56.9-82.8 264.4 264.4 0 00-84-55.5A265.34 265.34 0 00679.7 125c-49.3 0-97.4 13.5-139.2 39-10 6.1-19.5 12.8-28.5 20.1-9-7.3-18.5-14-28.5-20.1-41.8-25.5-89.9-39-139.2-39-35.5 0-69.9 6.8-102.4 20.3-31.4 13-59.7 31.7-84 55.5a258.44 258.44 0 00-56.9 82.8c-13.9 32.3-21 66.6-21 101.9 0 33.3 6.8 68 20.3 103.3 11.3 29.5 27.5 60.1 48.2 91 32.8 48.9 77.9 99.9 133.9 151.6 92.8 85.7 184.7 144.9 188.6 147.3l23.7 15.2c10.5 6.7 24 6.7 34.5 0l23.7-15.2c3.9-2.5 95.7-61.6 188.6-147.3 56-51.7 101.1-102.7 133.9-151.6 20.7-30.9 37-61.5 48.2-91 13.5-35.3 20.3-70 20.3-103.3.1-35.3-7-69.6-20.9-101.9z"></path>
                                                </svg>
                                            </span>
                                            <span class="GbHeaderTool_span__nO+Xq">29537 Favorite</span>
                                        </div>
                                        <div class="GbHeaderTool_tool__gXE7N">
                                            <span role="img" class="anticon">
                                                <svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3342" width="1em" height="1em">
                                                    <path d="M128 420.576v200.864h149.12l175.456 140.064V284.288l-169.792 136.288H128z m132.256-64l204.288-163.968a32 32 0 0 1 52.032 24.96v610.432a32 32 0 0 1-51.968 24.992l-209.92-167.552H96a32 32 0 0 1-32-32v-264.864a32 32 0 0 1 32-32h164.256zM670.784 720.128a32 32 0 0 1-44.832-45.664 214.08 214.08 0 0 0 64.32-153.312 213.92 213.92 0 0 0-55.776-144.448 32 32 0 1 1 47.36-43.04 277.92 277.92 0 0 1 72.416 187.488 278.08 278.08 0 0 1-83.488 198.976zM822.912 858.88a32 32 0 1 1-45.888-44.608A419.008 419.008 0 0 0 896 521.152c0-108.704-41.376-210.848-114.432-288.384a32 32 0 0 1 46.592-43.872c84.16 89.28 131.84 207.04 131.84 332.256 0 127.84-49.76 247.904-137.088 337.728z" p-id="3343" fill="currentColor"></path>
                                                </svg>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                                <div></div>
                            </div>
                            <div class="GamePlay_box__UDqs+">
                                <div class="GamePlay_cover__Wrxu+">
                                    <div class="C000044_lazyLoadImage__Tc8-e">
                                        <span class="C000044_placeholder__gYrus lazy-load-image-background black-and-white lazy-load-image-loaded" style="color: transparent; display: inline-block; height: 100%; width: 100%;">
                                            <img width="100%" height="100%" src="https://spicy.rescdns.com/static/cdnimg/v4/670A800357697360EF3C357AD772848E">
                                        </span>
                                    </div>
                                </div>
                                <div class="adm-space adm-space-horizontal adm-space-justify-center GamePlay_actions__ExymK">
                                    <div class="adm-space-item">
                                        <button type="button" class="adm-button adm-button-danger adm-button-shape-default">Play</button>
                                    </div>
                                </div>
                            </div>
                            <div class="adm-space adm-space-block adm-space-vertical" style="width: 100%;">
                                <div class="adm-space-item">
                                    <div style="padding: 0px;">
                                        <div class="GbHorizonListView_root__BXlML">
                                            <div class="GbHorizonListView_header__Q-uf2">
                                                <div class="adm-space adm-space-horizontal adm-space-align-center" style="--gap: 0.5rem;">
                                                    <div class="adm-space-item">
                                                        <div class="adm-space adm-space-horizontal adm-space-align-center">
                                                            <div class="adm-space-item">
                                                                <span class="GbHorizonListView_headerName__GYn5w">Jogos Relacionados</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="adm-space-item">
                                                        <button type="button" class="adm-button adm-button-default adm-button-shape-default GbHorizonListView_button__kJ6Lq GbHorizonListView_navButton__kwqLe">
                                                            <svg width="1em" height="1em" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="antd-mobile-icon" style="vertical-align: -0.125em;">
                                                                <g id="LeftOutline-LeftOutline" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                                                    <g id="LeftOutline-编组">
                                                                        <rect id="LeftOutline-矩形" fill="#FFFFFF" opacity="0" x="0" y="0" width="48" height="48"></rect>
                                                                        <path d="M31.7053818,5.11219264 L13.5234393,22.6612572 L13.5234393,22.6612572 C12.969699,23.2125856 12.9371261,24.0863155 13.4257204,24.6755735 L13.5234393,24.7825775 L31.7045714,42.8834676 C31.7795345,42.9580998 31.8810078,43 31.9867879,43 L35.1135102,43 C35.3344241,43 35.5135102,42.8209139 35.5135102,42.6 C35.5135102,42.4936115 35.4711279,42.391606 35.3957362,42.316542 L16.7799842,23.7816937 L16.7799842,23.7816937 L35.3764658,5.6866816 C35.5347957,5.53262122 35.5382568,5.27937888 35.3841964,5.121049 C35.3088921,5.04365775 35.205497,5 35.0975148,5 L31.9831711,5 C31.8795372,5 31.7799483,5.04022164 31.7053818,5.11219264 Z" id="LeftOutline-路径" fill="currentColor" fill-rule="nonzero"></path>
                                                                    </g>
                                                                </g>
                                                            </svg>
                                                        </button>
                                                        <button type="button" class="adm-button adm-button-default adm-button-disabled adm-button-shape-default GbHorizonListView_button__kJ6Lq GbHorizonListView_navButton__kwqLe" disabled="">
                                                            <svg width="1em" height="1em" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="antd-mobile-icon" style="vertical-align: -0.125em;">
                                                                <g id="RightOutline-RightOutline" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                                                    <g id="RightOutline-RightOutlined">
                                                                        <rect id="RightOutline-矩形" fill="#FFFFFF" opacity="0" x="0" y="0" width="48" height="48"></rect>
                                                                        <path d="M17.3947957,5.11219264 L35.5767382,22.6612572 L35.5767382,22.6612572 C36.1304785,23.2125856 36.1630514,24.0863155 35.6744571,24.6755735 L35.5767382,24.7825775 L17.3956061,42.8834676 C17.320643,42.9580998 17.2191697,43 17.1133896,43 L13.9866673,43 C13.7657534,43 13.5866673,42.8209139 13.5866673,42.6 C13.5866673,42.4936115 13.6290496,42.391606 13.7044413,42.316542 L32.3201933,23.7816937 L32.3201933,23.7816937 L13.7237117,5.6866816 C13.5653818,5.53262122 13.5619207,5.27937888 13.7159811,5.121049 C13.7912854,5.04365775 13.8946805,5 14.0026627,5 L17.1170064,5 C17.2206403,5 17.3202292,5.04022164 17.3947957,5.11219264 Z" id="RightOutline-right" fill="currentColor" fill-rule="nonzero"></path>
                                                                    </g>
                                                                </g>
                                                            </svg>
                                                        </button>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="GbHorizonListView_list__let92">
                                                <div class="ant-carousel">
                                                    <div class="slick-slider slick-initialized" dir="ltr" style="margin-left: -1.25rem; margin-right: -1.25rem;">
                                                        <div class="slick-list">
                                                            <div class="slick-track" style="width: 2070px; opacity: 1; transform: translate3d(-828px, 0px, 0px);">
                                                                <div data-index="0" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline: none; width: 207px;">
                                                                    <div>
                                                                        <div tabindex="-1" style="width: 100%; display: inline-block;">
                                                                            <div style="padding: 1.5rem 1.25rem;">
                                                                                <div class="C000076_root__7OZRj" style="aspect-ratio: 110 / 147;">
                                                                                    <div style="position: absolute; margin: 10px;"></div>
                                                                                    <div class="C000076_gameListGridItemImg__rwSMT">
                                                                                        <div class="C000044_lazyLoadImage__Tc8-e">
                                                                                            <span class="C000044_placeholder__gYrus lazy-load-image-background black-and-white lazy-load-image-loaded" style="color: transparent; display: inline-block; height: 100%; width: 100%;">
                                                                                                <img width="100%" height="100%" src="https://spicy.rescdns.com/static/cdnimg/v4/3F73AFC26D1C35EB63ACED29E6BC9366.jpg">
                                                                                            </span>
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="C000076_hover__Auc9Q">
                                                                                        <p class="C000076_hoverTitle__oK1HE">Rabbit's Fortune</p>
                                                                                        <div class="C000076_hoverButton__LpBOT">
                                                                                            <div class="C000076_hoverTriangle__giaS3"></div>
                                                                                        </div>
                                                                                        <p class="C000076_hoverBrand__j3l2u">Spicy</p>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div data-index="1" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline: none; width: 207px;">
                                                                    <div>
                                                                        <div tabindex="-1" style="width: 100%; display: inline-block;">
                                                                            <div style="padding: 1.5rem 1.25rem;">
                                                                                <div class="C000076_root__7OZRj" style="aspect-ratio: 110 / 147;">
                                                                                    <div style="position: absolute; margin: 10px;"></div>
                                                                                    <div class="C000076_gameListGridItemImg__rwSMT">
                                                                                        <div class="C000044_lazyLoadImage__Tc8-e">
                                                                                            <span class="C000044_placeholder__gYrus lazy-load-image-background black-and-white lazy-load-image-loaded" style="color: transparent; display: inline-block; height: 100%; width: 100%;">
                                                                                                <img width="100%" height="100%" src="https://spicy.rescdns.com/static/cdnimg/v4/670A800357697360EF3C357AD772848E.jpg">
                                                                                            </span>
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="C000076_hover__Auc9Q">
                                                                                        <p class="C000076_hoverTitle__oK1HE">Fortune Tiger</p>
                                                                                        <div class="C000076_hoverButton__LpBOT">
                                                                                            <div class="C000076_hoverTriangle__giaS3"></div>
                                                                                        </div>
                                                                                        <p class="C000076_hoverBrand__j3l2u">Spicy</p>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div data-index="2" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline: none; width: 207px;">
                                                                    <div>
                                                                        <div tabindex="-1" style="width: 100%; display: inline-block;">
                                                                            <div style="padding: 1.5rem 1.25rem;">
                                                                                <div class="C000076_root__7OZRj" style="aspect-ratio: 110 / 147;">
                                                                                    <div style="position: absolute; margin: 10px;"></div>
                                                                                    <div class="C000076_gameListGridItemImg__rwSMT">
                                                                                        <div class="C000044_lazyLoadImage__Tc8-e">
                                                                                            <span class="C000044_placeholder__gYrus lazy-load-image-background black-and-white lazy-load-image-loaded" style="color: transparent; display: inline-block; height: 100%; width: 100%;">
                                                                                                <img width="100%" height="100%" src="https://spicy.rescdns.com/static/cdnimg/v4/DDA0154066BABDD727E7FF61649B52A8.jpg">
                                                                                            </span>
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="C000076_hover__Auc9Q">
                                                                                        <p class="C000076_hoverTitle__oK1HE">Mines Pro</p>
                                                                                        <div class="C000076_hoverButton__LpBOT">
                                                                                            <div class="C000076_hoverTriangle__giaS3"></div>
                                                                                        </div>
                                                                                        <p class="C000076_hoverBrand__j3l2u">Spicy</p>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div data-index="3" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline: none; width: 207px;">
                                                                    <div>
                                                                        <div tabindex="-1" style="width: 100%; display: inline-block;">
                                                                            <div style="padding: 1.5rem 1.25rem;">
                                                                                <div class="C000076_root__7OZRj" style="aspect-ratio: 110 / 147;">
                                                                                    <div style="position: absolute; margin: 10px;"></div>
                                                                                    <div class="C000076_gameListGridItemImg__rwSMT">
                                                                                        <div class="C000044_lazyLoadImage__Tc8-e">
                                                                                            <span class="C000044_placeholder__gYrus lazy-load-image-background black-and-white lazy-load-image-loaded" style="color: transparent; display: inline-block; height: 100%; width: 100%;">
                                                                                                <img width="100%" height="100%" src="https://spicy.rescdns.com/static/cdnimg/v4/079A52B9B993246ED963F4525DE99B8C.jpg">
                                                                                            </span>
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="C000076_hover__Auc9Q">
                                                                                        <p class="C000076_hoverTitle__oK1HE">Fortune Rabbit</p>
                                                                                        <div class="C000076_hoverButton__LpBOT">
                                                                                            <div class="C000076_hoverTriangle__giaS3"></div>
                                                                                        </div>
                                                                                        <p class="C000076_hoverBrand__j3l2u">Spicy</p>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div data-index="4" class="slick-slide slick-active" tabindex="-1" aria-hidden="false" style="outline: none; width: 207px;">
                                                                    <div>
                                                                        <div tabindex="-1" style="width: 100%; display: inline-block;">
                                                                            <div style="padding: 1.5rem 1.25rem;">
                                                                                <div class="C000076_root__7OZRj" style="aspect-ratio: 110 / 147;">
                                                                                    <div style="position: absolute; margin: 10px;"></div>
                                                                                    <div class="C000076_gameListGridItemImg__rwSMT">
                                                                                        <div class="C000044_lazyLoadImage__Tc8-e">
                                                                                            <span class="C000044_placeholder__gYrus lazy-load-image-background black-and-white lazy-load-image-loaded" style="color: transparent; display: inline-block; height: 100%; width: 100%;">
                                                                                                <img width="100%" height="100%" src="https://spicy.rescdns.com/static/cdnimg/v4/DEC572ADAD010096046FE8DFED4DDDE3.jpg">
                                                                                            </span>
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="C000076_hover__Auc9Q">
                                                                                        <p class="C000076_hoverTitle__oK1HE">Money Coming</p>
                                                                                        <div class="C000076_hoverButton__LpBOT">
                                                                                            <div class="C000076_hoverTriangle__giaS3"></div>
                                                                                        </div>
                                                                                        <p class="C000076_hoverBrand__j3l2u">Spicy</p>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div data-index="5" class="slick-slide slick-active" tabindex="-1" aria-hidden="false" style="outline: none; width: 207px;">
                                                                    <div>
                                                                        <div tabindex="-1" style="width: 100%; display: inline-block;">
                                                                            <div style="padding: 1.5rem 1.25rem;">
                                                                                <div class="C000076_root__7OZRj" style="aspect-ratio: 110 / 147;">
                                                                                    <div style="position: absolute; margin: 10px;"></div>
                                                                                    <div class="C000076_gameListGridItemImg__rwSMT">
                                                                                        <div class="C000044_lazyLoadImage__Tc8-e">
                                                                                            <span class="C000044_placeholder__gYrus lazy-load-image-background black-and-white lazy-load-image-loaded" style="color: transparent; display: inline-block; height: 100%; width: 100%;">
                                                                                                <img width="100%" height="100%" src="https://spicy.rescdns.com/static/cdnimg/v4/B0C9112AA9EC8A082176F1C96C76C2CA.jpg">
                                                                                            </span>
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="C000076_hover__Auc9Q">
                                                                                        <p class="C000076_hoverTitle__oK1HE">Fortune Ox</p>
                                                                                        <div class="C000076_hoverButton__LpBOT">
                                                                                            <div class="C000076_hoverTriangle__giaS3"></div>
                                                                                        </div>
                                                                                        <p class="C000076_hoverBrand__j3l2u">Spicy</p>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div data-index="6" class="slick-slide slick-active slick-current" tabindex="-1" aria-hidden="false" style="outline: none; width: 207px;">
                                                                    <div>
                                                                        <div tabindex="-1" style="width: 100%; display: inline-block;">
                                                                            <div style="padding: 1.5rem 1.25rem;">
                                                                                <div class="C000076_root__7OZRj" style="aspect-ratio: 110 / 147;">
                                                                                    <div style="position: absolute; margin: 10px;"></div>
                                                                                    <div class="C000076_gameListGridItemImg__rwSMT">
                                                                                        <div class="C000044_lazyLoadImage__Tc8-e">
                                                                                            <span class="C000044_placeholder__gYrus lazy-load-image-background black-and-white lazy-load-image-loaded" style="color: transparent; display: inline-block; height: 100%; width: 100%;">
                                                                                                <img width="100%" height="100%" src="https://spicy.rescdns.com/static/cdnimg/v4/ACE26225FBC2F7174B800AB58823A626.jpg">
                                                                                            </span>
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="C000076_hover__Auc9Q">
                                                                                        <p class="C000076_hoverTitle__oK1HE">Ninja Fury</p>
                                                                                        <div class="C000076_hoverButton__LpBOT">
                                                                                            <div class="C000076_hoverTriangle__giaS3"></div>
                                                                                        </div>
                                                                                        <p class="C000076_hoverBrand__j3l2u">Spicy</p>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div data-index="7" class="slick-slide slick-active" tabindex="-1" aria-hidden="false" style="outline: none; width: 207px;">
                                                                    <div>
                                                                        <div tabindex="-1" style="width: 100%; display: inline-block;">
                                                                            <div style="padding: 1.5rem 1.25rem;">
                                                                                <div class="C000076_root__7OZRj" style="aspect-ratio: 110 / 147;">
                                                                                    <div style="position: absolute; margin: 10px;"></div>
                                                                                    <div class="C000076_gameListGridItemImg__rwSMT">
                                                                                        <div class="C000044_lazyLoadImage__Tc8-e">
                                                                                            <span class="C000044_placeholder__gYrus lazy-load-image-background black-and-white lazy-load-image-loaded" style="color: transparent; display: inline-block; height: 100%; width: 100%;">
                                                                                                <img width="100%" height="100%" src="https://spicy.rescdns.com/static/cdnimg/v4/1C16755F446E333FB64E52E744CC985C.jpg">
                                                                                            </span>
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="C000076_hover__Auc9Q">
                                                                                        <p class="C000076_hoverTitle__oK1HE">Fortune Mouse</p>
                                                                                        <div class="C000076_hoverButton__LpBOT">
                                                                                            <div class="C000076_hoverTriangle__giaS3"></div>
                                                                                        </div>
                                                                                        <p class="C000076_hoverBrand__j3l2u">Spicy</p>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div data-index="8" class="slick-slide slick-active" tabindex="-1" aria-hidden="false" style="outline: none; width: 207px;">
                                                                    <div>
                                                                        <div tabindex="-1" style="width: 100%; display: inline-block;">
                                                                            <div style="padding: 1.5rem 1.25rem;">
                                                                                <div class="C000076_root__7OZRj" style="aspect-ratio: 110 / 147;">
                                                                                    <div style="position: absolute; margin: 10px;"></div>
                                                                                    <div class="C000076_gameListGridItemImg__rwSMT">
                                                                                        <div class="C000044_lazyLoadImage__Tc8-e">
                                                                                            <span class="C000044_placeholder__gYrus lazy-load-image-background black-and-white lazy-load-image-loaded" style="color: transparent; display: inline-block; height: 100%; width: 100%;">
                                                                                                <img width="100%" height="100%" src="https://spicy.rescdns.com/static/cdnimg/v4/E1EDEA5C31CAFC4C196578F03BFDB0C9.jpg">
                                                                                            </span>
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="C000076_hover__Auc9Q">
                                                                                        <p class="C000076_hoverTitle__oK1HE">Ninja Crash</p>
                                                                                        <div class="C000076_hoverButton__LpBOT">
                                                                                            <div class="C000076_hoverTriangle__giaS3"></div>
                                                                                        </div>
                                                                                        <p class="C000076_hoverBrand__j3l2u">Spicy</p>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div data-index="9" class="slick-slide slick-active" tabindex="-1" aria-hidden="false" style="outline: none; width: 207px;">
                                                                    <div>
                                                                        <div tabindex="-1" style="width: 100%; display: inline-block;">
                                                                            <div style="padding: 1.5rem 1.25rem;">
                                                                                <div class="C000076_root__7OZRj" style="aspect-ratio: 110 / 147;">
                                                                                    <div style="position: absolute; margin: 10px;"></div>
                                                                                    <div class="C000076_gameListGridItemImg__rwSMT">
                                                                                        <div class="C000044_lazyLoadImage__Tc8-e">
                                                                                            <span class="C000044_placeholder__gYrus lazy-load-image-background black-and-white lazy-load-image-loaded" style="color: transparent; display: inline-block; height: 100%; width: 100%;">
                                                                                                <img width="100%" height="100%" src="https://spicy.rescdns.com/static/cdnimg/v4/B83D6B72AC434EB870724FC704A310F1.jpg">
                                                                                            </span>
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="C000076_hover__Auc9Q">
                                                                                        <p class="C000076_hoverTitle__oK1HE">MINES</p>
                                                                                        <div class="C000076_hoverButton__LpBOT">
                                                                                            <div class="C000076_hoverTriangle__giaS3"></div>
                                                                                        </div>
                                                                                        <p class="C000076_hoverBrand__j3l2u">Spicy</p>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 底部信息 -->
            <div class="bottom_info"  style="margin-top: 50px; padding-bottom: 50px;">
            <div class="MainLayout_bodyBottom__pA-ot">
                <div class="MainLayout_bodyBottomInner__+w42r" style="max-width: 1200px;">
                    <div class="adm-space adm-space-block adm-space-vertical" style="width: 100%;">
                        <div class="adm-space-item">
                            <div>
                                <div class="GbLiveRank_root__K3Mz8" style="background: rgb(22, 32, 45); padding: 10px;">
                                    <div class="GbLiveRank_header__QhzUw">
                                        <div class="GbLiveRank_tab__2EhMT">
                                            <!-- <div class="GbLiveRank_tabItem__Oy6M-">All Bets</div> -->
                                            <div 
                                                v-for="(item,index) in bets" 
                                                :key="index" 
                                                class="GbLiveRank_tabItem__Oy6M-"
                                                :class="{'GbLiveRank_active__uC3Ur': bstIndex == index}"
                                                @click="selectBets(item,index)"
                                            >
                                                {{item.name}}
                                            </div>
                                        </div>
                                        <div class="GbAntSelect_root__n+9CY">
                                            <div class="ant-select GbLiveRank_select__rk6Xu ant-select-single ant-select-show-arrow">
                                                <div class="ant-select-selector">
                                                    <span class="ant-select-selection-search">
                                                        <input type="search" autocomplete="off" class="ant-select-selection-search-input" role="combobox" aria-haspopup="listbox" aria-owns="rc_select_12_list" aria-autocomplete="list" aria-controls="rc_select_12_list" aria-activedescendant="rc_select_12_list_0" readonly="" unselectable="on" value="" id="rc_select_12" style="opacity: 0;">
                                                    </span>
                                                    <span class="ant-select-selection-item" title="10">10</span>
                                                </div>
                                                <span class="ant-select-arrow" unselectable="on" aria-hidden="true" style="user-select: none;">
                                                    <span role="img" aria-label="down" class="anticon anticon-down ant-select-suffix">
                                                        <svg viewBox="64 64 896 896" focusable="false" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true">
                                                            <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path>
                                                        </svg>
                                                    </span>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="GbLiveRecords_root__rUMFM GbLiveRecords_responsible__i9ks+">
                                            <div class="ant-spin-nested-loading">
                                                <div class="ant-spin-container">
                                                    <table class="GbLiveRecords_table__8sJwz">
                                                        <thead>
                                                            <tr class="GbLiveRecords_tableHeader__njX82" style="font-weight: bolder; background: rgb(22, 32, 45);">
                                                                <th class="GbLiveRecords_tableHeaderItem__Pu3bp" style="text-align: left;">Name</th>
                                                                <th class="GbLiveRecords_tableHeaderItem__Pu3bp" style="text-align: left;">Time</th>
                                                                <th class="GbLiveRecords_tableHeaderItem__Pu3bp" style="text-align: left;">Player</th>
                                                                <th class="GbLiveRecords_tableHeaderItem__Pu3bp" style="text-align: left;">Bet Amount</th>
                                                                <th class="GbLiveRecords_tableHeaderItem__Pu3bp" style="text-align: left;">Prediction</th>
                                                                <th class="GbLiveRecords_tableHeaderItem__Pu3bp" style="text-align: right;">Payout</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody class="GbLiveRecords_tableBody__ZIO89">
                                                            <tr class="GbLiveRecords_tableRow__cUBz5" v-for="(item,index) in betsList" :key="index">
                                                                <td class="GbLiveRecords_tableRowItem__Cuqxb" style="text-align: left;">
                                                                    <span class="GbLiveRecords_game__e5hzi">
                                                                        <div>
                                                                            <img class="GbLiveRecords_gameIcon__5jUhk" src="https://spicy.rescdns.com/static/cdnimg/v4/4B275C1E572A4020169243A42431062D.jpg" alt="">
                                                                        </div>
                                                                        <span>LIMBO</span>
                                                                    </span>
                                                                </td>
                                                                <td class="GbLiveRecords_tableRowItem__Cuqxb" style="text-align: left;">
                                                                    <span class="GbLiveRecords_time__HsSJO">18:37:33</span>
                                                                </td>
                                                                <td class="GbLiveRecords_tableRowItem__Cuqxb" style="text-align: left;">
                                                                    <span class="GbLiveRecords_player__jbulp">
                                                                        <div>
                                                                            <img class="GbLiveRecords_playerAvatar__nIO0E" src="https://spicy.rescdns.com/static/cdnimg/v4/59DCD000FA52265F1AC5A4AA4EC46A16.jpg" alt="">
                                                                        </div>
                                                                        <span>User61**98</span>
                                                                    </span>
                                                                </td>
                                                                <td class="GbLiveRecords_tableRowItem__Cuqxb" style="text-align: left;">
                                                                    <span class="GbLiveRecords_amount__iAjvj">USDT 10</span>
                                                                </td>
                                                                <td class="GbLiveRecords_tableRowItem__Cuqxb" style="text-align: left;">
                                                                    <span class="GbLiveRecords_result__fCDlQ GbLiveRecords_win__yLey0">x3.14</span>
                                                                </td>
                                                                <td class="GbLiveRecords_tableRowItem__Cuqxb" style="text-align: right;">
                                                                    <span class="GbLiveRecords_amount__iAjvj">USDT 31.4</span>
                                                                </td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                            <div class="GbLiveRecords_tableMask__rCCzg" style="display: none;"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="adm-space-item">
                            <div class="GbOnlineNumber_root__pEeDw">
                                <div class="GbOnlineNumber_card__zEro7">
                                    <span class="GbOnlineNumber_number__hIXYl" style="color: rgb(242, 239, 239);">
                                        <span>32,321,210</span>
                                    </span>
                                    <div>
                                        <svg class="" width="24" height="18" viewBox="0 0 24 18" fill="none" xmlns="http://www.w3.org/2000/svg" style="margin-right: 5px;">
                                            <path d="M3.6 7.80156C4.92375 7.80156 6 6.72531 6 5.40156C6 4.07781 4.92375 3.00156 3.6 3.00156C2.27625 3.00156 1.2 4.07781 1.2 5.40156C1.2 6.72531 2.27625 7.80156 3.6 7.80156ZM20.4 7.80156C21.7238 7.80156 22.8 6.72531 22.8 5.40156C22.8 4.07781 21.7238 3.00156 20.4 3.00156C19.0763 3.00156 18 4.07781 18 5.40156C18 6.72531 19.0763 7.80156 20.4 7.80156ZM21.6 9.00156H19.2C18.54 9.00156 17.9438 9.26781 17.5088 9.69906C19.02 10.5278 20.0925 12.0241 20.325 13.8016H22.8C23.4638 13.8016 24 13.2653 24 12.6016V11.4016C24 10.0778 22.9238 9.00156 21.6 9.00156ZM12 9.00156C14.3213 9.00156 16.2 7.12281 16.2 4.80156C16.2 2.48031 14.3213 0.601562 12 0.601562C9.67875 0.601562 7.8 2.48031 7.8 4.80156C7.8 7.12281 9.67875 9.00156 12 9.00156ZM14.88 10.2016H14.5688C13.7888 10.5766 12.9225 10.8016 12 10.8016C11.0775 10.8016 10.215 10.5766 9.43125 10.2016H9.12C6.735 10.2016 4.8 12.1366 4.8 14.5216V15.6016C4.8 16.5953 5.60625 17.4016 6.6 17.4016H17.4C18.3938 17.4016 19.2 16.5953 19.2 15.6016V14.5216C19.2 12.1366 17.265 10.2016 14.88 10.2016ZM6.49125 9.69906C6.05625 9.26781 5.46 9.00156 4.8 9.00156H2.4C1.07625 9.00156 0 10.0778 0 11.4016V12.6016C0 13.2653 0.53625 13.8016 1.2 13.8016H3.67125C3.9075 12.0241 4.98 10.5278 6.49125 9.69906Z" fill="#98ACD0"></path>
                                        </svg>
                                        <span>Player</span>
                                    </div>
                                </div>
                                <div class="GbOnlineNumber_card__zEro7">
                                    <span class="GbOnlineNumber_number__hIXYl" style="color: rgb(242, 239, 239);">
                                        <span>402,291,875</span>
                                    </span>
                                    <div>
                                        <svg class="" width="22" height="20" viewBox="0 0 22 20" fill="none" xmlns="http://www.w3.org/2000/svg" style="margin-right: 5px;">
                                            <path d="M18.0312 2.2271L18.097 1.64858C18.1185 1.46889 18.0984 1.28706 18.0381 1.11496C17.9777 0.942862 17.8785 0.784363 17.7468 0.649806C17.6151 0.515249 17.4539 0.407659 17.2738 0.334057C17.0937 0.260455 16.8986 0.222496 16.7014 0.222657H5.19922C4.79033 0.222657 4.40811 0.377472 4.14144 0.654509C3.87478 0.923398 3.75033 1.29006 3.79478 1.64858L3.86233 2.23769C2.97673 2.26471 2.13712 2.60571 1.52033 3.18889C0.903539 3.77206 0.557707 4.55189 0.555664 5.36414V5.56784C0.555664 8.02043 2.43122 10.1577 4.98233 10.7476C5.80633 13.091 8.15566 14.7508 10.9503 14.7508C13.8748 14.7508 16.1103 12.9761 16.8952 10.7957C19.5201 10.2449 21.4446 8.07421 21.4446 5.56784V5.36414C21.4439 4.53375 21.0843 3.73744 20.4446 3.1495C19.8049 2.56157 18.9371 2.2299 18.0312 2.2271ZM2.33344 5.56784V5.36414C2.33344 4.53303 3.07122 3.85673 3.97789 3.85673H4.03566L4.58678 8.90695C3.24544 8.28769 2.33344 7.00029 2.33344 5.56784ZM13.2703 6.11377L12.7281 6.59451C12.5948 6.71673 12.5414 6.88784 12.5681 7.05895L12.6926 7.73525C12.7548 8.05303 12.5059 8.31377 12.1948 8.33821C12.0881 8.35451 11.9814 8.33821 11.8748 8.28118L11.2081 7.9634C11.0481 7.88192 10.8526 7.88192 10.6837 7.9634L10.017 8.28118C9.92387 8.32685 9.81857 8.34753 9.7132 8.34085C9.60783 8.33416 9.50665 8.30038 9.42127 8.24339C9.33589 8.18639 9.26977 8.10848 9.23049 8.0186C9.19122 7.92872 9.18038 7.83052 9.19922 7.73525L9.25255 7.45821L9.32366 7.05895C9.34063 6.97545 9.33491 6.88939 9.30701 6.80839C9.27911 6.72739 9.22987 6.65394 9.16366 6.59451L8.62144 6.11377C8.29255 5.81229 8.47033 5.29895 8.93255 5.23377L9.67922 5.13599C9.86589 5.11155 10.0259 5.00562 10.1059 4.8508L10.4348 4.23155C10.6481 3.84043 11.2526 3.84043 11.4481 4.23155L11.7859 4.8508C11.8659 5.00562 12.0259 5.11155 12.2126 5.13599L12.9592 5.23377C13.4214 5.29895 13.6081 5.81229 13.2703 6.11377ZM19.6668 5.56784C19.664 6.27982 19.4404 6.9764 19.0221 7.57629C18.6037 8.17618 18.0079 8.65464 17.3041 8.95584L17.8588 3.85673H18.0223C18.929 3.85673 19.6668 4.53303 19.6668 5.36414V5.56784ZM17.0508 19.7782C17.2865 19.7782 17.5126 19.6924 17.6793 19.5396C17.846 19.3868 17.9397 19.1795 17.9397 18.9634C17.9397 18.7473 17.846 18.54 17.6793 18.3872C17.5126 18.2344 17.2865 18.1486 17.0508 18.1486H15.0659C14.5352 17.3786 13.9983 16.8164 13.6792 15.9404C12.7654 16.2199 12.0126 16.3804 10.9503 16.3804C10.0261 16.3818 9.10873 16.2357 8.23922 15.9486C8.23033 15.9486 8.23033 15.9486 8.22144 15.9404C8.06144 16.356 7.84811 16.7471 7.57255 17.1219L6.82589 18.1486H4.84366C4.60792 18.1486 4.38182 18.2344 4.21512 18.3872C4.04843 18.54 3.95478 18.7473 3.95478 18.9634C3.95478 19.1795 4.04843 19.3868 4.21512 19.5396C4.38182 19.6924 4.60792 19.7782 4.84366 19.7782H17.0508Z" fill="#98ACD0"></path>
                                        </svg>
                                        <span>Winner</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="adm-space-item">
                            <div class="GbFooterInfo_root__lcU+a">
                                <div class="GbFooterInfo_col__6+L58" xs="12" md="8">
                                    <div class="adm-space adm-space-vertical">
                                        <div class="adm-space-item">
                                            <span class="GbFooterInfo_title__6d+v9">Games</span>
                                        </div>
                                        <div class="adm-space-item">
                                            <span class="GbFooterInfo_item__A1Pzy">CRASH</span>
                                        </div>
                                        <div class="adm-space-item">
                                            <span class="GbFooterInfo_item__A1Pzy">PLINKO</span>
                                        </div>
                                        <div class="adm-space-item">
                                            <span class="GbFooterInfo_item__A1Pzy">LUCKY COLOUR</span>
                                        </div>
                                        <div class="adm-space-item">
                                            <span class="GbFooterInfo_item__A1Pzy">DICE</span>
                                        </div>
                                        <div class="adm-space-item">
                                            <span class="GbFooterInfo_item__A1Pzy">LIMBO</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="GbFooterInfo_col__6+L58" xs="12" md="8">
                                    <div class="adm-space adm-space-vertical">
                                        <div class="adm-space-item">
                                            <span class="GbFooterInfo_title__6d+v9">Helps</span>
                                        </div>
                                        <div class="adm-space-item">
                                            <span class="GbFooterInfo_item__A1Pzy">KYC Policy</span>
                                        </div>
                                        <div class="adm-space-item">
                                            <span class="GbFooterInfo_item__A1Pzy">Política de Privacidade</span>
                                        </div>
                                        <div class="adm-space-item">
                                            <span class="GbFooterInfo_item__A1Pzy">Jogo Responsável</span>
                                        </div>
                                        <div class="adm-space-item">
                                            <span class="GbFooterInfo_item__A1Pzy">Termos e Condições</span>
                                        </div>
                                        <div class="adm-space-item">
                                            <span class="GbFooterInfo_item__A1Pzy">FAQ</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="GbFooterInfo_col__6+L58 GbFooterInfo_lgCol__9sADz" xs="24" md="8">
                                    <div class="adm-space adm-space-vertical">
                                        <div class="adm-space-item">
                                            <div class="GbFooterInfo_logo__SQtCE">
                                                <img class="GbFooterInfo_logoItem__hEoSq" src="https://spicy.rescdns.com/static/cdnimg/v4/2B12E14016400AE9574F9ADFD1C6B739" alt="">
                                                <img class="GbFooterInfo_logoItem__hEoSq GbFooterInfo_clickable__vYiVt" src="https://spicy.rescdns.com/static/cdnimg/v4/2B48C8D7E06B9A27386B6B0C79B9BC69" alt="">
                                                <img class="GbFooterInfo_logoItem__hEoSq" src="https://spicy.rescdns.com/static/cdnimg/v4/8CFD2CD28B1A8AB1048340035C43410A" alt="">
                                                <img class="GbFooterInfo_logoItem__hEoSq" src="https://spicy.rescdns.com/static/cdnimg/v4/AC942A085F759F7A533D3475E9D0F9BC" alt="">
                                                <img class="GbFooterInfo_logoItem__hEoSq" src="https://spicy.rescdns.com/static/cdnimg/v4/AE5D0AF43D29DAEC0DAD551E2ED8AE26" alt="">
                                                <img class="GbFooterInfo_logoItem__hEoSq" src="https://spicy.rescdns.com/static/cdnimg/v4/1DFEA41C247895E8DE24B4278B339CBE" alt="">
                                                <img class="GbFooterInfo_logoItem__hEoSq" src="https://spicy.rescdns.com/static/cdnimg/v4/0AE0FB2C86CBAC1C047BDA81E5B72EDA" alt="">
                                                <img class="GbFooterInfo_logoItem__hEoSq GbFooterInfo_clickable__vYiVt" src="https://spicy.rescdns.com/static/cdnimg/v4/0A10B4A4994B78A339FBD09D8460B690" alt="">
                                            </div>
                                        </div>
                                        <div class="adm-space-item">
                                            <div class="adm-space adm-space-horizontal adm-space-align-center" style="--gap-horizontal: 12px;">
                                                <div class="adm-space-item">
                                                    <span class="GbFooterInfo_infoTitle__pQZbV">ABOUT US</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="adm-space-item">
                                            <span class="GbFooterInfo_info__YLwF2" style="cursor: initial;">This site offers games with a risky experience. To be a user of our website, you must be at least 18 years old. We are not responsible for violating your local laws regarding online gaming. Play responsibly and have fun on Spicy.</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="adm-space-item">
                            <div class="GbCompanies_root__EqWzp GbCompanies_mode1__ZIn4j">
                                <div class="adm-image GbCompanies_company__3jSS7">
                                    <img class="adm-image-img" draggable="false" style="object-fit: fill; display: block;" src="https://spicy.rescdns.com/static/cdnimg/v4/7907CFF6DA54569CC210437134EC6530">
                                </div>
                                <div class="adm-image GbCompanies_company__3jSS7">
                                    <img class="adm-image-img" draggable="false" style="object-fit: fill; display: block;" src="https://spicy.rescdns.com/static/cdnimg/v4/BD4F2D93A4AC610A382879B5DF3E8CB8">
                                </div>
                                <div class="adm-image GbCompanies_company__3jSS7">
                                    <img class="adm-image-img" draggable="false" style="object-fit: fill; display: block;" src="https://spicy.rescdns.com/static/cdnimg/v4/AB68A3ABF96794B81C9DFB193A832027">
                                </div>
                                <div class="adm-image GbCompanies_company__3jSS7">
                                    <img class="adm-image-img" draggable="false" style="object-fit: fill; display: block;" src="https://spicy.rescdns.com/static/cdnimg/v4/EFA5904B143D2EAA560CE19BCD7E707F">
                                </div>
                                <div class="adm-image GbCompanies_company__3jSS7">
                                    <img class="adm-image-img" draggable="false" style="object-fit: fill; display: block;" src="https://spicy.rescdns.com/static/cdnimg/v4/A915805485EA4F616E3A4C7C273C34A2">
                                </div>
                                <div class="adm-image GbCompanies_company__3jSS7">
                                    <img class="adm-image-img" draggable="false" style="object-fit: fill; display: block;" src="https://spicy.rescdns.com/static/cdnimg/v4/B2D73547273B1B4CE431FFBD7744B016">
                                </div>
                                <div class="adm-image GbCompanies_company__3jSS7">
                                    <img class="adm-image-img" draggable="false" style="object-fit: fill; display: block;" src="https://spicy.rescdns.com/static/cdnimg/v4/6626363E95D55361AB3FCA10116C5E2F">
                                </div>
                                <div class="adm-image GbCompanies_company__3jSS7">
                                    <img class="adm-image-img" draggable="false" style="object-fit: fill; display: block;" src="https://spicy.rescdns.com/static/cdnimg/v4/95AA4FD6776FD30FD9E26F766E558F49">
                                </div>
                                <div class="adm-image GbCompanies_company__3jSS7">
                                    <img class="adm-image-img" draggable="false" style="object-fit: fill; display: block;" src="https://spicy.rescdns.com/static/cdnimg/v4/800B495F2DD89E03840D43E2161FB315">
                                </div>
                                <div class="adm-image GbCompanies_company__3jSS7">
                                    <img class="adm-image-img" draggable="false" style="object-fit: fill; display: block;" src="https://spicy.rescdns.com/static/cdnimg/v4/BFF9EADD4A5CA830F95A3EAE354A7A5A">
                                </div>
                                <div class="adm-image GbCompanies_company__3jSS7">
                                    <img class="adm-image-img" draggable="false" style="object-fit: fill; display: block;" src="https://spicy.rescdns.com/static/cdnimg/v4/643553B0A34ED043FEF8B43F99880322">
                                </div>
                                <div class="adm-image GbCompanies_company__3jSS7">
                                    <img class="adm-image-img" draggable="false" style="object-fit: fill; display: block;" src="https://spicy.rescdns.com/static/cdnimg/v4/A40353E3D68EF8CC43787CB8378E4F33">
                                </div>
                                <div class="adm-image GbCompanies_company__3jSS7">
                                    <img class="adm-image-img" draggable="false" style="object-fit: fill; display: block;" src="https://spicy.rescdns.com/static/cdnimg/v4/D8CBE1BBAA95C7C95508FE705E322B07">
                                </div>
                                <div class="adm-image GbCompanies_company__3jSS7">
                                    <img class="adm-image-img" draggable="false" style="object-fit: fill; display: block;" src="https://spicy.rescdns.com/static/cdnimg/v4/B89B88E3B5612B99CF4E3CFF56127766">
                                </div>
                                <div class="adm-image GbCompanies_company__3jSS7">
                                    <img class="adm-image-img" draggable="false" style="object-fit: fill; display: block;" src="https://spicy.rescdns.com/static/cdnimg/v4/39958CB9A1D0307E167496406A4FC75F">
                                </div>
                                <div class="adm-image GbCompanies_company__3jSS7">
                                    <img class="adm-image-img" draggable="false" style="object-fit: fill; display: block;" src="https://spicy.rescdns.com/static/cdnimg/v4/D30EB1552714898C901A22E701C1A813">
                                </div>
                                <div class="adm-image GbCompanies_company__3jSS7">
                                    <img class="adm-image-img" draggable="false" style="object-fit: fill; display: block;" src="https://spicy.rescdns.com/static/cdnimg/v4/DB1851E5FA953A7295C567AF289D925A">
                                </div>
                                <div class="adm-image GbCompanies_company__3jSS7">
                                    <img class="adm-image-img" draggable="false" style="object-fit: fill; display: block;" src="https://spicy.rescdns.com/static/cdnimg/v4/1799E7EF95634334C6B4AA0CB0D75959">
                                </div>
                            </div>
                        </div>
                        <div class="adm-space-item">
                            <div></div>
                        </div>
                        <div class="adm-space-item">
                            <p class="GbCopyright_root__CNEkJ">Copyright © 2019-2022 Spicy. All rights reserved.</p>
                        </div>
                        <div class="adm-space-item">
                            <div class="GbFloatChatButton_root__rL3wO" style="bottom: 80px;">
                                <img class="GbFloatChatButton_icon__QUaut" src="https://spicy.rescdns.com/static/cdnimg/v4/01B8B9894A3C870F27BD87F6AAC7D7D9">
                            </div>
                        </div>
                        <div class="adm-space-item">
                            <div class="GbAgreement_root__nr323"></div>
                        </div>
                        <div class="adm-space-item">
                            <div class="GbMaintenanceNotice_root__zRNkY"></div>
                        </div>
                    </div>
                </div>
            </div>
            </div>
        </div>
    </div>
    <!-- 页面底部 -->
    <div class="wrapper_footer" v-cloak>
        <div class="GbTabBar_root__K-drk">
            <div class="GbTabBar_tab__aVSoN">
                <div class="GbTabBar_item__Uabx4"  @click="currentShowTemplate = 'main'">
                    <div style="transform: scale(1);">
                        <img v-cloak v-if="currentShowTemplate == 'main'" style="width: 24px;height: 24px;" src="./assets/common/game-active.png" alt="">
                        <img v-cloak v-else style="width: 24px;height: 24px;" src="./assets/common/game.png" alt="">
                    </div>
                    <span class="GbTabBar_name__44wP5 GbTabBar_activeName__EMeSS">Games</span>
                </div>
                <div class="GbTabBar_item__Uabx4"  @click="currentShowTemplate = 'share'">
                    <div style="transform: scale(1);">
                        <img class="GbTabBar_icon__zG5lg GbTabBar_spin__DZm4D" v-cloak v-if="currentShowTemplate == 'share'" style="width: 24px;height: 24px;background: unset;" src="./assets/common/share-active.png" alt="">
                        <img class="GbTabBar_icon__zG5lg GbTabBar_spin__DZm4D" v-cloak v-else style="width: 24px;height: 24px;background: unset;" src="./assets/common/share.png" alt="">
                    </div>
                    <span class="GbTabBar_name__44wP5">Share</span>
                </div>
                <div class="GbTabBar_item__Uabx4" @click='showRecharge = true'>
                    <div class="GbTabBar_bottomCenterButton__RXjQz">
                        <img class="GbTabBar_buttonIcon__VKORB" src="https://www.spicy03.com/assets/common/wallet.gif" alt="">
                        <span class="GbTabBar_text__tphCq">Deposit</span>
                    </div>
                </div>
                <div class="GbTabBar_item__Uabx4" @click="currentShowTemplate = 'bonus'">
                    <div>
                        <img v-cloak v-if="currentShowTemplate == 'bonus'" style="width: 24px;height: 24px;" src="./assets/common/bonus-active.png" alt="">
                        <img v-cloak v-else style="width: 24px;height: 24px;" src="./assets/common/bonus.png" alt="">
                    </div>
                    <span class="GbTabBar_name__44wP5">Bonus</span>
                </div>
                <div class="GbTabBar_item__Uabx4"  @click="toggleActive = ! toggleActive" >
                    <div style="transform: scale(1);">
                        <img  v-cloak v-if="toggleActive" style="width: 24px;height: 24px;" src="./assets/common/menu.png" alt="">
                        <img v-cloak v-else style="width: 24px;height: 24px;" src="./assets/common/menu-active.png" alt="">
                    </div>
                    <span class="GbTabBar_name__44wP5">Menu</span>
                </div>
            </div>
        </div>
    </div>
    <!-- 客服按钮 -->
    <div v-cloak @click="showService = true;" class="GbFloatChatButton_root__rL3wO" style="bottom: 80px;cursor: pointer;">
        <img class="GbFloatChatButton_icon__QUaut" src="https://spicy.rescdns.com/static/cdnimg/v4/01B8B9894A3C870F27BD87F6AAC7D7D9">
    </div>
    <!-- 客服弹框 -->
    <div v-cloak v-if='showService' class="adm-space-item" >
        <div class="GbFloatChatButton_root__rL3wO" style="bottom: 80px;">
            <img src="https://spicy.rescdns.com/static/cdnimg/v4/01B8B9894A3C870F27BD87F6AAC7D7D9" class="GbFloatChatButton_icon__QUaut">
        </div>
        <div class="GbDialogChat_root__iY9JU">
            <div class="GbDialogChat_mask__yxJ-z"></div>
            <div class="GbDialogChat_frame__5EnqW">
                <iframe src="https://secure.livechatinc.com/customer/action/open_chat?license_id=14618868&amp;group=0&amp;widget_version=3&amp;unique_groups=0&amp;name=Spicy-US-User6591439441" title="chat" class="GbDialogChat_frameInner__inLbi" allowtransparency="true"></iframe>
                <div class="GbDialogChat_frameLoading__jLH5K">
                    <div class="adm-spin-loading" style="--color: var(--adm-color-weak); --percent: 47.259708332339926; --size: 48px;">
                        <svg class="adm-spin-loading-svg" viewBox="0 0 32 32">
                            <circle class="adm-spin-loading-fill" fill="transparent" stroke-width="2" stroke-dasharray="94.2477796076937" stroke-dashoffset="47.259708332339926" stroke-linecap="square" r="15" cx="16" cy="16"></circle>
                        </svg>
                    </div>
                </div>
                <div @click="showService = false;" class="GbDialogChat_frameClose__mmoMJ">X</div>
            </div>
        </div>
    </div>
    <!-- 充值中心 -->
    <div v-cloak v-if="showRecharge" class="adm-center-popup" style="--z-index: 1002; --max-width: 100vw;">
        <div class="adm-mask adm-center-popup-mask" style="backdrop-filter: var(--design-mask-filter, saturate(180%) blur(10px)); background: rgba(0, 0, 0, 0.55); opacity: 1;">
            <div class="adm-mask-aria-button" role="button" aria-label="Mask"></div>
            <div class="adm-mask-content"></div>
        </div>
        <div class="adm-center-popup-wrap">
            <div style="opacity: 1; transform: none;">
                <div class="adm-center-popup-body">
                    <div class="C000048_body__c4W2g">
                        <div class="C000048_left__psz4s">
                            <div class="C000048_openTab__DLEJ9">
                                <div class="C000048_tabItem__XJbiG C000048_on__4KA6U">
                                    <div class="C000048_text__0JhqC" style="word-break: break-all;">
                                        <span>Deposit</span>
                                    </div>
                                </div>
                                <div class="C000048_tabItem__XJbiG">
                                    <div class="C000048_text__0JhqC" style="word-break: break-all;">
                                        <span>Withdraw</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="C000048_root__87azY">
                            <div class="C000048_header__lYZXI">
                                <div class="PanelHeader_root__uiO2c">
                                    <span class="PanelHeader_title__FAyji">Deposit</span>
                                    <div class="BbClosePopupButton_root__xevk4" style="color: rgb(147, 172, 211); background: transparent; padding: 6px; font-size: 18px; position: initial; top: 10px; right: 10px;">
                                        <div class="PanelHeader_expandIcon__68avl">
                                            <span role="img" aria-label="fullscreen" class="anticon anticon-fullscreen">
                                                <svg viewBox="64 64 896 896" focusable="false" data-icon="fullscreen" width="1em" height="1em" fill="currentColor" aria-hidden="true">
                                                    <path d="M290 236.4l43.9-43.9a8.01 8.01 0 00-4.7-13.6L169 160c-5.1-.6-9.5 3.7-8.9 8.9L179 329.1c.8 6.6 8.9 9.4 13.6 4.7l43.7-43.7L370 423.7c3.1 3.1 8.2 3.1 11.3 0l42.4-42.3c3.1-3.1 3.1-8.2 0-11.3L290 236.4zm352.7 187.3c3.1 3.1 8.2 3.1 11.3 0l133.7-133.6 43.7 43.7a8.01 8.01 0 0013.6-4.7L863.9 169c.6-5.1-3.7-9.5-8.9-8.9L694.8 179c-6.6.8-9.4 8.9-4.7 13.6l43.9 43.9L600.3 370a8.03 8.03 0 000 11.3l42.4 42.4zM845 694.9c-.8-6.6-8.9-9.4-13.6-4.7l-43.7 43.7L654 600.3a8.03 8.03 0 00-11.3 0l-42.4 42.3a8.03 8.03 0 000 11.3L734 787.6l-43.9 43.9a8.01 8.01 0 004.7 13.6L855 864c5.1.6 9.5-3.7 8.9-8.9L845 694.9zm-463.7-94.6a8.03 8.03 0 00-11.3 0L236.3 733.9l-43.7-43.7a8.01 8.01 0 00-13.6 4.7L160.1 855c-.6 5.1 3.7 9.5 8.9 8.9L329.2 845c6.6-.8 9.4-8.9 4.7-13.6L290 787.6 423.7 654c3.1-3.1 3.1-8.2 0-11.3l-42.4-42.4z"></path>
                                                </svg>
                                            </span>
                                        </div>
                                        <span @click="showRecharge = false;">
                                            <svg width="1em" height="1em" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="antd-mobile-icon" style="vertical-align: -0.125em;">
                                                <g id="CloseOutline-CloseOutline" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                                    <g id="CloseOutline-编组">
                                                        <rect id="CloseOutline-矩形" fill="#FFFFFF" opacity="0" x="0" y="0" width="48" height="48"></rect>
                                                        <path d="M10.6085104,8.11754663 L24.1768397,21.8195031 L24.1768397,21.8195031 L37.7443031,8.1175556 C37.8194278,8.04168616 37.9217669,7.999 38.0285372,7.999 L41.1040268,7.999 C41.3249407,7.999 41.5040268,8.1780861 41.5040268,8.399 C41.5040268,8.50440471 41.4624226,8.60554929 41.3882578,8.68044752 L26.2773302,23.9408235 L26.2773302,23.9408235 L41.5021975,39.3175645 C41.65763,39.4745475 41.6563731,39.7278104 41.4993901,39.8832429 C41.4244929,39.9574004 41.3233534,39.999 41.2179546,39.999 L38.1434012,39.999 C38.0366291,39.999 37.9342885,39.9563124 37.8591634,39.8804408 L24.1768397,26.0621438 L24.1768397,26.0621438 L10.4936501,39.8804497 C10.4185257,39.9563159 10.3161889,39.999 10.2094212,39.999 L7.13584526,39.999 C6.91493136,39.999 6.73584526,39.8199139 6.73584526,39.599 C6.73584526,39.4936017 6.77744443,39.3924627 6.85160121,39.3175656 L22.0763492,23.9408235 L22.0763492,23.9408235 L6.96554081,8.68044639 C6.81010226,8.52346929 6.81134951,8.27020637 6.9683266,8.11476782 C7.04322474,8.04060377 7.14436883,7.999 7.24977299,7.999 L10.3242852,7.999 C10.4310511,7.999 10.5333863,8.04168267 10.6085104,8.11754663 Z" id="CloseOutline-路径" fill="currentColor" fill-rule="nonzero"></path>
                                                    </g>
                                                </g>
                                            </svg>
                                        </span>
                                    </div>
                                </div>
                                <div class="C000048_gridTab__0eYTt">
                                    <div class="C000048_tabItem__XJbiG C000048_on__4KA6U">
                                        <div class="C000048_text__0JhqC" style="word-break: break-all;">
                                            <span>Deposit</span>
                                        </div>
                                    </div>
                                    <div class="C000048_tabItem__XJbiG">
                                        <div class="C000048_text__0JhqC" style="word-break: break-all;">
                                            <span>Withdraw</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div style="padding: 0px 1rem;">
                                <div class="C000048_recharge__zemZ5">
                                    <form class="ant-form ant-form-vertical">
                                        <div class="ant-form-item">
                                            <div class="ant-row ant-form-item-row">
                                                <div class="ant-col ant-form-item-label">
                                                    <label for="amount" class="ant-form-item-required" title="">
                                                        <span>
                                                            <span style="margin-right: 4px; font-weight: bolder; color: var(--design-text-color, #fff);">Amount</span>
                                                        </span>
                                                    </label>
                                                </div>
                                                <div class="ant-col ant-form-item-control">
                                                    <div class="ant-form-item-control-input">
                                                        <div class="ant-form-item-control-input-content">
                                                            <div class="C000048_amountInput__DvDJ8">
                                                                <div class="GbCurrencyInput_root__nR5eL">
                                                                    <div class="GbCurrencyInput_fix__WRNHt" style="margin-right: 4px;">R$</div>
                                                                    <input type="text" inputmode="decimal" class="GbCurrencyInput_input__LDq0g C000048_inputInner__BMqLV" value="100">
                                                                    <div class="GbCurrencyInput_fix__WRNHt" style="margin-left: 4px;">
                                                                        <span style="color: rgb(0, 166, 80); font-size: 14px;">Extra +R$200</span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="adm-space adm-space-vertical" style="width: 100%;">
                                            <div class="adm-space-item">
                                                <div class="C000048_rechargeOptions__g7R4y" style="grid-template-columns: repeat(3, minmax(0px, 1fr));">
                                                    <div class="C000048_rechargeOptionsItem__61Ky0">R$&nbsp;&nbsp;20</div>
                                                    <div class="C000048_rechargeOptionsItem__61Ky0">R$&nbsp;&nbsp;30<span class="C000048_rechargeOptionsItemExtra__k11AT">+R$3</span>
                                                    </div>
                                                    <div class="C000048_rechargeOptionsItem__61Ky0">R$&nbsp;&nbsp;50<span class="C000048_rechargeOptionsItemExtra__k11AT">+R$25</span>
                                                    </div>
                                                    <div class="C000048_rechargeOptionsItem__61Ky0 C000048_active__u9Qi1">R$&nbsp;&nbsp;100<span class="C000048_rechargeOptionsItemExtra__k11AT">+R$200</span>
                                                        <svg class="GbIcons_icon__P8dvB C000048_rechargeOptionsItemFlag__IJMFj" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                            <path d="M17 0L0 16H12C14.7614 16 17 13.7614 17 11V0Z" fill="currentColor"></path>
                                                            <path d="M9.35493 11.6942L11.1083 12.8822L13.6758 9.00007" stroke="white" stroke-width="0.822792" stroke-linecap="round" stroke-linejoin="round"></path>
                                                        </svg>
                                                    </div>
                                                    <div class="C000048_rechargeOptionsItem__61Ky0">R$&nbsp;&nbsp;200<span class="C000048_rechargeOptionsItemExtra__k11AT">+R$400</span>
                                                    </div>
                                                    <div class="C000048_rechargeOptionsItem__61Ky0">R$&nbsp;&nbsp;500<span class="C000048_rechargeOptionsItemExtra__k11AT">+R$1,000</span>
                                                    </div>
                                                    <div class="C000048_rechargeOptionsItem__61Ky0">R$&nbsp;&nbsp;1,000<span class="C000048_rechargeOptionsItemExtra__k11AT">+R$2,000</span>
                                                    </div>
                                                    <div class="C000048_rechargeOptionsItem__61Ky0">R$&nbsp;&nbsp;2,000<span class="C000048_rechargeOptionsItemExtra__k11AT">+R$4,000</span>
                                                    </div>
                                                    <div class="C000048_rechargeOptionsItem__61Ky0">R$&nbsp;&nbsp;3,000<span class="C000048_rechargeOptionsItemExtra__k11AT">+R$6,000</span>
                                                    </div>
                                                    <div class="C000048_rechargeOptionsItem__61Ky0">R$&nbsp;&nbsp;5,000<span class="C000048_rechargeOptionsItemExtra__k11AT">+R$10,000</span>
                                                    </div>
                                                    <div class="C000048_rechargeOptionsItem__61Ky0">R$&nbsp;&nbsp;10,000<span class="C000048_rechargeOptionsItemExtra__k11AT">+R$20,000</span>
                                                    </div>
                                                    <div class="C000048_rechargeOptionsItem__61Ky0">R$&nbsp;&nbsp;20,000<span class="C000048_rechargeOptionsItemExtra__k11AT">+R$40,000</span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="adm-space-item">
                                                <div class="C000048_maxPromo__XNggL">
                                                    <span style="color: rgb(255, 255, 255);">Deposit Bonus</span>
                                                    <span>200%</span>
                                                    <span>+R$200</span>
                                                </div>
                                            </div>
                                            <div class="adm-space-item">
                                                <div class="C000048_noPromo__57Mae">
                                                    <label class="ant-checkbox-wrapper" style="margin-right: 16px;">
                                                        <span class="ant-checkbox">
                                                            <input class="ant-checkbox-input" type="checkbox">
                                                            <span class="ant-checkbox-inner"></span>
                                                        </span>
                                                    </label>
                                                    <span>Do not participate in promotions</span>
                                                </div>
                                            </div>
                                            <div class="adm-space-item">
                                                <button type="button" class="adm-button adm-button-default adm-button-shape-default C000048_submit__g-o-2" style="--adm-button-background-color: #d98a14; --adm-button-border-color: #d98a14;">
                                                    <span style="font-size: 18px; display: flex; flex-direction: column; align-items: flex-start;">Deposit</span>
                                                    <span style="font-size: 26px; display: flex; align-items: center;">
                                                        <span>R$100</span>
                                                        <span role="img" aria-label="right-circle" class="anticon anticon-right-circle" style="font-size: 17px; margin-left: 12px;">
                                                            <svg viewBox="64 64 896 896" focusable="false" data-icon="right-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true">
                                                                <path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm154.7 454.5l-246 178c-5.3 3.8-12.7 0-12.7-6.5v-46.9c0-10.2 4.9-19.9 13.2-25.9L566.6 512 421.2 406.8c-8.3-6-13.2-15.6-13.2-25.9V334c0-6.5 7.4-10.3 12.7-6.5l246 178c4.4 3.2 4.4 9.8 0 13z"></path>
                                                            </svg>
                                                        </span>
                                                    </span>
                                                </button>
                                            </div>
                                            <div class="adm-space-item">
                                                <div>
                                                    <span class="GbHelpLink_rechargeHelp__+e2or">
                                                        <span role="img" aria-label="question-circle" class="anticon anticon-question-circle">
                                                            <svg viewBox="64 64 896 896" focusable="false" data-icon="question-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true">
                                                                <path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path>
                                                                <path d="M623.6 316.7C593.6 290.4 554 276 512 276s-81.6 14.5-111.6 40.7C369.2 344 352 380.7 352 420v7.6c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V420c0-44.1 43.1-80 96-80s96 35.9 96 80c0 31.1-22 59.6-56.1 72.7-21.2 8.1-39.2 22.3-52.1 40.9-13.1 19-19.9 41.8-19.9 64.9V620c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-22.7a48.3 48.3 0 0130.9-44.8c59-22.7 97.1-74.7 97.1-132.5.1-39.3-17.1-76-48.3-103.3zM472 732a40 40 0 1080 0 40 40 0 10-80 0z"></path>
                                                            </svg>
                                                        </span> Payment problem?&nbsp;&nbsp;<span class="GbHelpLink_rechargeHelpText__7IkUe">Click for help</span>
                                                    </span>
                                                </div>
                                            </div>
                                            <div class="adm-space-item"></div>
                                            <div class="adm-space-item">
                                                <div class="C000048_rules__z201b">
                                                    <div class="C000048_rulesTitle__p3qYx">Deposit Notes</div>
                                                    <span>Min deposit: R$20
                                                        1.Please enter your deposit information correctly when making a deposit.
                                                        2.The fastest deposit time is within 5 minutes.
                                                        3.Please feel free to contact us if you have any questions.</span>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                    <div>
                                        <div></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 消息信息 -->
    <div v-cloak v-if="showMessage"  class="adm-center-popup" style="--z-index: 1010; --max-width: 100vw;">
        <div class="adm-mask adm-center-popup-mask" style="backdrop-filter: var(--design-mask-filter, saturate(180%) blur(10px)); background: rgba(0, 0, 0, 0.55); opacity: 1;">
            <div class="adm-mask-aria-button" role="button" aria-label="Mask"></div>
            <div class="adm-mask-content"></div>
        </div>
        <div class="adm-center-popup-wrap">
            <div style="opacity: 1; transform: none;">
                <div class="adm-center-popup-body">
                    <div class="Message_root__GhzDl">
                        <div class="adm-nav-bar Message_navbar__A1LJY">
                            <div class="adm-nav-bar-left" role="button">
                                <span>Read All</span>
                            </div>
                            <div class="adm-nav-bar-title">Messages</div>
                            <div class="adm-nav-bar-right"></div>
                        </div>
                        <div @click="showMessage = false;" class="BbClosePopupButton_root__xevk4" style="color: rgb(147, 172, 211); background: transparent; padding: 6px; font-size: 18px; position: absolute; top: 10px; right: 10px;">
                            <svg width="1em" height="1em" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="antd-mobile-icon" style="vertical-align: -0.125em;">
                                <g id="CloseOutline-CloseOutline" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                    <g id="CloseOutline-编组">
                                        <rect id="CloseOutline-矩形" fill="#FFFFFF" opacity="0" x="0" y="0" width="48" height="48"></rect>
                                        <path d="M10.6085104,8.11754663 L24.1768397,21.8195031 L24.1768397,21.8195031 L37.7443031,8.1175556 C37.8194278,8.04168616 37.9217669,7.999 38.0285372,7.999 L41.1040268,7.999 C41.3249407,7.999 41.5040268,8.1780861 41.5040268,8.399 C41.5040268,8.50440471 41.4624226,8.60554929 41.3882578,8.68044752 L26.2773302,23.9408235 L26.2773302,23.9408235 L41.5021975,39.3175645 C41.65763,39.4745475 41.6563731,39.7278104 41.4993901,39.8832429 C41.4244929,39.9574004 41.3233534,39.999 41.2179546,39.999 L38.1434012,39.999 C38.0366291,39.999 37.9342885,39.9563124 37.8591634,39.8804408 L24.1768397,26.0621438 L24.1768397,26.0621438 L10.4936501,39.8804497 C10.4185257,39.9563159 10.3161889,39.999 10.2094212,39.999 L7.13584526,39.999 C6.91493136,39.999 6.73584526,39.8199139 6.73584526,39.599 C6.73584526,39.4936017 6.77744443,39.3924627 6.85160121,39.3175656 L22.0763492,23.9408235 L22.0763492,23.9408235 L6.96554081,8.68044639 C6.81010226,8.52346929 6.81134951,8.27020637 6.9683266,8.11476782 C7.04322474,8.04060377 7.14436883,7.999 7.24977299,7.999 L10.3242852,7.999 C10.4310511,7.999 10.5333863,8.04168267 10.6085104,8.11754663 Z" id="CloseOutline-路径" fill="currentColor" fill-rule="nonzero"></path>
                                    </g>
                                </g>
                            </svg>
                        </div>
                        <div class="ant-list ant-list-split ant-list-grid Message_list__nRJal">
                            <div class="ant-spin-nested-loading">
                                <div class="ant-spin-container">
                                    <div style="" class="ant-list-empty-text">
                                        <div class="GbNoData_root__klmOf">
                                            <img class="GbNoData_icon__uCjD8" src="https://spicy.rescdns.com/static/cdnimg/v4/37CDF956FB99616BA166DC17329BEFCA" alt="">
                                            <p class="GbNoData_text__Ai6jG">No Data</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 用户信息 -->
    <div v-cloak v-if="showUserInfo" @click='showUserInfo = false;' class="adm-popup" style="--z-index: 1012;">
        <div class="adm-mask" style="background: rgba(0, 0, 0, 0.55); opacity: 1;">
            <div class="adm-mask-aria-button" role="button" aria-label="Mask"></div>
            <div class="adm-mask-content"></div>
        </div>
        <div class="adm-popup-body adm-popup-body-position-top" style="top: 60px; right: 30px; width: auto; left: auto; background-color: transparent; transform: translate(0px, 0%);">
            <div class="C000052_root__a9yOi" style="max-height: 550px; overflow-y: auto;">
                <div class="C000052_userInfo__vhVx0">
                    <span>
                        <div class="C000052_userAvatar__kEXTF">
                            <span
                                class="ant-avatar ant-avatar-circle ant-avatar-image ant-avatar-icon"
                                style="width: 70px; height: 70px; line-height: 70px; font-size: 35px;">
                                <img
                                    src="https://spicy.rescdns.com/static/cdnimg/v4/75D434F9A542A06D24B078B98642E274">
                            </span>
                            <span
                                class="C000052_edit__YiCar">
                                <span role="img" aria-label="edit"
                                    class="anticon anticon-edit">
                                    <svg viewBox="64 64 896 896" focusable="false"
                                        data-icon="edit" width="1em" height="1em" fill="currentColor" aria-hidden="true">
                                        <path
                                            d="M880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32zm-622.3-84c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9z">
                                        </path>
                                    </svg>
                                </span>
                            </span>
                        </div>
                    </span>
                    <div style="margin-right: 20px;">
                        <div class="C000052_userNameArea__E8xNW">
                            <span
                                class="C000052_userInfoName__9Na5t">User6591439441</span>
                            <svg width="13" height="14"
                                viewBox="0 0 13 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path
                                    d="M10.5333 4.66667H8.46662V2.20001C8.4648 1.67607 8.27043 1.17415 7.92588 0.803663C7.58133 0.433179 7.11455 0.22418 6.62728 0.222229H2.03928C1.55202 0.22418 1.08523 0.433179 0.740684 0.803663C0.396135 1.17415 0.201766 1.67607 0.199951 2.20001V7.13334C0.201766 7.65728 0.396135 8.1592 0.740684 8.52968C1.08523 8.90017 1.55202 9.10917 2.03928 9.11112H4.33328V11.3333C4.33328 11.9227 4.55102 12.4879 4.9386 12.9047C5.32617 13.3214 5.85184 13.5556 6.39995 13.5556H10.5333C11.0814 13.5556 11.6071 13.3214 11.9946 12.9047C12.3822 12.4879 12.6 11.9227 12.6 11.3333V6.8889C12.6 6.29953 12.3822 5.73429 11.9946 5.31755C11.6071 4.9008 11.0814 4.66667 10.5333 4.66667V4.66667ZM4.33328 6.8889V7.62964H2.03928C1.97867 7.62964 1.91865 7.6168 1.86265 7.59186C1.80666 7.56692 1.75577 7.53036 1.71292 7.48427C1.67006 7.43819 1.63606 7.38348 1.61286 7.32326C1.58967 7.26305 1.57773 7.19852 1.57773 7.13334V2.20001C1.57773 2.06838 1.62636 1.94215 1.71292 1.84907C1.79947 1.756 1.91687 1.70371 2.03928 1.70371H6.62728C6.7497 1.70371 6.86709 1.756 6.95365 1.84907C7.04021 1.94215 7.08884 2.06838 7.08884 2.20001V4.66667H6.39995C5.85184 4.66667 5.32617 4.9008 4.9386 5.31755C4.55102 5.73429 4.33328 6.29953 4.33328 6.8889V6.8889Z"
                                    fill="#495A71"></path>
                            </svg>
                        </div>
                        <div>
                            <div class="C000052_vipArea__IficX">
                                <div class="C000052_vipLevelArea__F-CJG">VIP 1</div>
                                <span
                                    class="C000052_vipLevelName__H8TRa">VIP1</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div style="cursor: pointer;">
                    <div class="C000052_vipBlock__8AtFy">
                        <div>
                            <img class="C000052_vipLevelIcon__goPA8"
                                src="https://spicy.rescdns.com/static/cdnimg/v4/2E7997C0A95F8365AA55D62EC2132288"
                                alt="">
                            <span class="C000052_vipText__G4QVH">VIP 1</span>
                        </div>
                        <div>
                            <span class="C000052_vipText__G4QVH">VIP 2</span>
                            <span role="img" aria-label="question-circle"
                                tabindex="-1" class="anticon anticon-question-circle"
                                style="color: var(--design-text-color);">
                                <svg viewBox="64 64 896 896" focusable="false"
                                    data-icon="question-circle" width="1em" height="1em" fill="currentColor"
                                    aria-hidden="true">
                                    <path
                                        d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z">
                                    </path>
                                    <path
                                        d="M623.6 316.7C593.6 290.4 554 276 512 276s-81.6 14.5-111.6 40.7C369.2 344 352 380.7 352 420v7.6c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V420c0-44.1 43.1-80 96-80s96 35.9 96 80c0 31.1-22 59.6-56.1 72.7-21.2 8.1-39.2 22.3-52.1 40.9-13.1 19-19.9 41.8-19.9 64.9V620c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-22.7a48.3 48.3 0 0130.9-44.8c59-22.7 97.1-74.7 97.1-132.5.1-39.3-17.1-76-48.3-103.3zM472 732a40 40 0 1080 0 40 40 0 10-80 0z">
                                    </path>
                                </svg>
                            </span>
                        </div>
                    </div>
                    <div class="C000052_vip__i7B-6">
                        <div class="C000052_vipProgress__YZG-Y">
                            <div class="adm-space adm-space-block adm-space-horizontal adm-space-justify-between">
                                <div class="adm-space-item">
                                    <span class="C000052_vipProgressTitle__sbjvK">BET</span>
                                </div>
                                <div class="adm-space-item">
                                    <span class="C000052_vipProgressNum__WcG1p">R$0/R$<span
                                            style="color: var(--design-text-color,#fed791);">500</span>
                                    </span>
                                </div>
                            </div>
                            <div class="C000052_vipProgressBar__oX2O5">
                                <div class="ant-progress ant-progress-line ant-progress-status-active ant-progress-show-info ant-progress-small"
                                    role="progressbar">
                                    <div class="ant-progress-outer">
                                        <div class="ant-progress-inner" style="background-color: rgba(136, 109, 109, 0.1);">
                                            <div class="ant-progress-bg"
                                                style="width: 0%; height: 10px; background: rgb(254, 215, 145);"></div>
                                        </div>
                                    </div>
                                    <span class="ant-progress-text" title="0%">0%</span>
                                </div>
                            </div>
                            <div class="adm-space adm-space-block adm-space-horizontal adm-space-justify-between">
                                <div class="adm-space-item">
                                    <span class="C000052_vipProgressTitle__sbjvK">DEPOSIT</span>
                                </div>
                                <div class="adm-space-item">
                                    <span class="C000052_vipProgressNum__WcG1p">R$0/R$<span
                                            style="color: var(--design-text-color,#fed791);">100</span>
                                    </span>
                                </div>
                            </div>
                            <div class="C000052_vipProgressBar__oX2O5">
                                <div class="ant-progress ant-progress-line ant-progress-status-active ant-progress-show-info ant-progress-small"
                                    role="progressbar">
                                    <div class="ant-progress-outer">
                                        <div class="ant-progress-inner" style="background-color: rgba(136, 109, 109, 0.1);">
                                            <div class="ant-progress-bg"
                                                style="width: 0%; height: 10px; background: rgb(26, 85, 239);"></div>
                                        </div>
                                    </div>
                                    <span class="ant-progress-text" title="0%">0%</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="C000052_list__VxC5i">
                    <div class="C000052_listItem__vfMvU" @click="showMessage = true;">
                        <div class="C000052_listItemIcon__lWUG7">
                            <img
                                src="https://spicy.rescdns.com/static/cdnimg/v4/55D5115E9049BBDE64079EFF9AC6DF38">
                        </div>
                        <span class="C000052_listItemTitle__Lr6Z0">Notificações</span>
                    </div>
                    <div class="C000052_listItem__vfMvU">
                        <div class="C000052_listItemIcon__lWUG7">
                            <img
                                src="https://spicy.rescdns.com/static/cdnimg/v4/E11D4BD5AE30AA2F882322DA86A954CC">
                        </div>
                        <span class="C000052_listItemTitle__Lr6Z0">Depósito</span>
                    </div>
                    <div class="C000052_listItem__vfMvU">
                        <div class="C000052_listItemIcon__lWUG7">
                            <img
                                src="https://spicy.rescdns.com/static/cdnimg/v4/0527E6BA2E70BA3F37F3B877B607E027">
                        </div>
                        <span class="C000052_listItemTitle__Lr6Z0">Retirar</span>
                    </div>
                    <div class="C000052_listItem__vfMvU" @click="currentShowTemplate = 'rankvip'">
                        <div class="C000052_listItemIcon__lWUG7">
                            <img
                                src="https://spicy.rescdns.com/static/cdnimg/v4/3308337C6B22C1660222C743BF2DC84E">
                        </div>
                        <span class="C000052_listItemTitle__Lr6Z0">Nível VIP</span>
                    </div>
                    <div class="C000052_listItem__vfMvU" @click="showService = true;">
                        <div class="C000052_listItemIcon__lWUG7">
                            <img
                                src="https://spicy.rescdns.com/static/cdnimg/v4/C4BCFA465AEBF1D50A8776EB8DCF0534">
                        </div>
                        <span class="C000052_listItemTitle__Lr6Z0">Conta</span>
                    </div>
                    <div class="C000052_listItem__vfMvU" @click="currentShowTemplate = 'registros'">
                        <div class="C000052_listItemIcon__lWUG7">
                            <img
                                src="https://spicy.rescdns.com/static/cdnimg/v4/C03442A1F87ED8526863E6C848AF287E">
                        </div>
                        <span class="C000052_listItemTitle__Lr6Z0">Registros</span>
                    </div>
                </div>
                <div class="ThirdPartyBind_root__YRnSy">
                    <div class="ThirdPartyBind_buttons__H3n7r">
                        <div class="SignButton_button__W7dMa">
                            <div class="SignButton_buttonInner__L0LiC">
                                <div class="SignButton_iconWrapper__jWCKB">
                                    <div class="SignButton_icon__YH8Iu" style="background: rgb(255, 255, 255);">
                                        <svg
                                            viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                                            p-id="5648" width="1em" height="1em">
                                            <path
                                                d="M214.101333 512c0-32.512 5.546667-63.701333 15.36-92.928L57.173333 290.218667A491.861333 491.861333 0 0 0 4.693333 512c0 79.701333 18.858667 154.88 52.394667 221.610667l172.202667-129.066667A290.56 290.56 0 0 1 214.101333 512"
                                                fill="#FBBC05" p-id="5649"></path>
                                            <path
                                                d="M516.693333 216.192c72.106667 0 137.258667 25.002667 188.458667 65.962667L854.101333 136.533333C763.349333 59.178667 646.997333 11.392 516.693333 11.392c-202.325333 0-376.234667 113.28-459.52 278.826667l172.373334 128.853333c39.68-118.016 152.832-202.88 287.146666-202.88"
                                                fill="#EA4335" p-id="5650"></path>
                                            <path
                                                d="M516.693333 807.808c-134.357333 0-247.509333-84.864-287.232-202.88l-172.288 128.853333c83.242667 165.546667 257.152 278.826667 459.52 278.826667 124.842667 0 244.053333-43.392 333.568-124.757333l-163.584-123.818667c-46.122667 28.458667-104.234667 43.776-170.026666 43.776"
                                                fill="#34A853" p-id="5651"></path>
                                            <path
                                                d="M1005.397333 512c0-29.568-4.693333-61.44-11.648-91.008H516.650667V614.4h274.602666c-13.696 65.962667-51.072 116.650667-104.533333 149.632l163.541333 123.818667c93.994667-85.418667 155.136-212.650667 155.136-375.850667"
                                                fill="#4285F4" p-id="5652"></path>
                                        </svg>
                                    </div>
                                    <span class="SignButton_dot__M3TN6"></span>
                                </div>
                                <span class="SignButton_label__s0bx6">Connect to Google</span>
                            </div>
                        </div>
                        <div class="SignButton_button__W7dMa">
                            <div class="SignButton_buttonInner__L0LiC">
                                <div class="SignButton_iconWrapper__jWCKB">
                                    <div class="SignButton_icon__YH8Iu"
                                        style="background: rgba(30, 110, 230, 0.984); font-size: 22px;">
                                        <span role="img"
                                            class="anticon">
                                            <svg viewBox="0 0 1024 1024" version="1.1"
                                                xmlns="http://www.w3.org/2000/svg" p-id="3877" width="1em" height="1em">
                                                <path
                                                    d="M512.262115 959.556658c247.175132 0 447.569968-200.366167 447.569968-447.556658 0-247.16387-200.394836-447.556658-447.569968-447.556658-247.17718 0-447.556658 200.392788-447.556658 447.556658-0.001024 247.190491 200.378454 447.556658 447.556658 447.556658"
                                                    fill="rgba(30,110,230,.986)" p-id="3878"></path>
                                                <path
                                                    d="M404.292383 436.216104h46.269378v-44.969044c0-19.828563 0.499656-50.408946 14.904699-69.347753 15.172957-20.05689 36.000832-33.690947 71.826579-33.690946 58.371702 0 82.952117 8.326235 82.952118 8.326235l-11.564785 68.550147s-19.285904-5.576079-37.275569-5.57608c-17.99888 0-34.111763 6.449454-34.111764 24.438095v52.269346h73.791416l-5.152191 66.958004h-68.639225v232.604221h-86.731278V503.174108h-46.269378v-66.958004z"
                                                    fill="#FFFFFF" p-id="3879"></path>
                                            </svg>
                                        </span>
                                    </div>
                                    <span class="SignButton_dot__M3TN6"></span>
                                </div>
                                <span class="SignButton_label__s0bx6">Connect to Facebook</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="C000052_logOutArea__nR2pJ" @click="logOut">
                    <a>
                        <span class="C000052_logOut__vgAU1">LogOut</span>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- 登录注册弹框 -->
    <div v-cloak v-if="showLogin">
        <div class="adm-center-popup" style="--z-index: 1001; --max-width: 100vw;">
            <div class="adm-mask adm-center-popup-mask" style="backdrop-filter: var(--design-mask-filter, saturate(180%) blur(10px)); background: rgba(0, 0, 0, 0.55); opacity: 1;">
                <div class="adm-mask-aria-button" role="button" aria-label="Mask"></div>
                <div class="adm-mask-content"></div>
            </div>
            <div class="adm-center-popup-wrap">
                <div style="opacity: 1; transform: none;">
                    <div class="adm-center-popup-body">
                        <div class="C000042_root__ouGjZ" style="height: 80vh; padding-top: 50px; max-width: 500px; padding-bottom: 200px;">
                            <div @click="showLogin = false;" class="BbClosePopupButton_root__xevk4" style="color: rgb(147, 172, 211); background: transparent; padding: 6px; font-size: 18px; position: absolute; top: 10px; right: 10px;">
                                <svg width="1em" height="1em" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="antd-mobile-icon" style="vertical-align: -0.125em;">
                                    <g id="CloseOutline-CloseOutline" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                        <g id="CloseOutline-编组">
                                            <rect id="CloseOutline-矩形" fill="#FFFFFF" opacity="0" x="0" y="0" width="48" height="48"></rect>
                                            <path d="M10.6085104,8.11754663 L24.1768397,21.8195031 L24.1768397,21.8195031 L37.7443031,8.1175556 C37.8194278,8.04168616 37.9217669,7.999 38.0285372,7.999 L41.1040268,7.999 C41.3249407,7.999 41.5040268,8.1780861 41.5040268,8.399 C41.5040268,8.50440471 41.4624226,8.60554929 41.3882578,8.68044752 L26.2773302,23.9408235 L26.2773302,23.9408235 L41.5021975,39.3175645 C41.65763,39.4745475 41.6563731,39.7278104 41.4993901,39.8832429 C41.4244929,39.9574004 41.3233534,39.999 41.2179546,39.999 L38.1434012,39.999 C38.0366291,39.999 37.9342885,39.9563124 37.8591634,39.8804408 L24.1768397,26.0621438 L24.1768397,26.0621438 L10.4936501,39.8804497 C10.4185257,39.9563159 10.3161889,39.999 10.2094212,39.999 L7.13584526,39.999 C6.91493136,39.999 6.73584526,39.8199139 6.73584526,39.599 C6.73584526,39.4936017 6.77744443,39.3924627 6.85160121,39.3175656 L22.0763492,23.9408235 L22.0763492,23.9408235 L6.96554081,8.68044639 C6.81010226,8.52346929 6.81134951,8.27020637 6.9683266,8.11476782 C7.04322474,8.04060377 7.14436883,7.999 7.24977299,7.999 L10.3242852,7.999 C10.4310511,7.999 10.5333863,8.04168267 10.6085104,8.11754663 Z" id="CloseOutline-路径" fill="currentColor" fill-rule="nonzero"></path>
                                        </g>
                                    </g>
                                </svg>
                            </div>
                            <div class="C000042_tab__TwU+q" style="border-radius: 16px;">
                                <span 
                                    v-for="(item,index) in loginRe"
                                    @click="lindex = index"
                                    :key="index"
                                    class="C000042_tabButton__8mDqG"
                                    :class="{'C000042_active__IYjLT': index == lindex}" 
                                    style="border-radius: 16px;"
                                 >
                                 {{item}}
                                </span>
                                <!-- <span class="C000042_tabButton__8mDqG" style="border-radius: 16px;">Register</span> -->
                            </div>
                            <div>
                                <form class="adm-form" style="background-color: transparent;">
                                    <div class="adm-list adm-list-default">
                                        <div class="adm-list-body">
                                            <div class="adm-list-body-inner">
                                                <div class="adm-space adm-space-block adm-space-vertical" style="--gap: 10px;">
                                                    <div class="adm-space-item" v-if='lindex == 1'>
                                                        <div class="adm-list-item adm-form-item adm-form-item-vertical">
                                                            <div class="adm-list-item-content">
                                                                <div class="adm-list-item-content-main">
                                                                    <div class="adm-form-item-child adm-form-item-child-position-normal">
                                                                        <div class="adm-form-item-child-inner">
                                                                            <div class="GbLoginInput_root__mlVsL">
                                                                                <div class="GbLoginInput_prefix__681qU">
                                                                                    <div class="ant-select CountrySelect_root__iGkLZ ant-select-single ant-select-show-arrow">
                                                                                        <div class="ant-select-selector">
                                                                                            <span class="ant-select-selection-search">
                                                                                                <input type="search" autocomplete="off" class="ant-select-selection-search-input" role="combobox" aria-haspopup="listbox" aria-owns="rc_select_9_list" aria-autocomplete="list" aria-controls="rc_select_9_list" aria-activedescendant="rc_select_9_list_0" readonly="" unselectable="on" value="" id="rc_select_9" style="opacity: 0;">
                                                                                            </span>
                                                                                            <span class="ant-select-selection-item">
                                                                                                <div style="display: flex; align-items: center; justify-content: space-between;">
                                                                                                    <span>
                                                                                                        <span class="fi fi-us" style="margin-right: 5px;"></span>
                                                                                                    </span>
                                                                                                    <span>+1</span>
                                                                                                </div>
                                                                                            </span>
                                                                                        </div>
                                                                                        <span class="ant-select-arrow" unselectable="on" aria-hidden="true" style="user-select: none;">
                                                                                            <span role="img" aria-label="down" class="anticon anticon-down ant-select-suffix">
                                                                                                <svg viewBox="64 64 896 896" focusable="false" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true">
                                                                                                    <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path>
                                                                                                </svg>
                                                                                            </span>
                                                                                        </span>
                                                                                    </div>
                                                                                </div>
                                                                                <input placeholder="Please Input Your Phone" type="tel" inputmode="tel" class="ant-input ant-input-lg ant-input-borderless GbLoginInput_input__9jeuN" value="" style="--placeholder-color: #999999;">
                                                                                <div class="GbLoginInput_suffix__hVImO"></div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="adm-list-item-description"></div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="adm-space-item">
                                                        <div class="adm-list-item adm-form-item adm-form-item-vertical" style="margin-bottom: 10px;">
                                                            <div class="adm-list-item-content">
                                                                <div class="adm-list-item-content-main">
                                                                    <div class="adm-form-item-child adm-form-item-child-position-normal">
                                                                        <div class="adm-form-item-child-inner">
                                                                            <div class="GbLoginInput_root__mlVsL">
                                                                                <div class="GbLoginInput_prefix__681qU">
                                                                                    <svg width="1em" height="1em" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="antd-mobile-icon" style="vertical-align: -0.125em;">
                                                                                        <g id="MailOutline-MailOutline" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                                                                            <g id="MailOutline-编组">
                                                                                                <rect id="MailOutline-矩形" fill="#FFFFFF" opacity="0" x="0" y="0" width="48" height="48"></rect>
                                                                                                <path d="M39,6 C42.3137085,6 45,8.6862915 45,12 L45,36 C45,39.3137085 42.3137085,42 39,42 L9,42 C5.6862915,42 3,39.3137085 3,36 L3,12 C3,8.6862915 5.6862915,6 9,6 L39,6 Z M42,15.5 L24.1708025,23.9193433 C24.0626598,23.9704106 23.9373402,23.9704106 23.8291975,23.9193433 L6,15.5 L6,15.5 L6,36 C6,37.5976809 7.24891996,38.9036609 8.82372721,38.9949073 L9,39 L39,39 C40.5976809,39 41.9036609,37.75108 41.9949073,36.1762728 L42,36 L42,15.5 Z M39,9 L9,9 C7.40231912,9 6.09633912,10.24892 6.00509269,11.8237272 L6,12 L6,12.146 L23.8292039,20.5643558 C23.9373431,20.6154155 24.0626555,20.6154127 24.1707925,20.564348 L42,12.145 L42,12.145 L42,12 C42,10.4023191 40.75108,9.09633912 39.1762728,9.00509269 L39,9 Z" id="MailOutline-形状" fill="currentColor" fill-rule="nonzero"></path>
                                                                                            </g>
                                                                                        </g>
                                                                                    </svg>
                                                                                </div>
                                                                                <div class="ant-select ant-select-auto-complete ant-select-single ant-select-open ant-select-customize-input ant-select-show-search" style="width: 100%;">
                                                                                    <div class="ant-select-selector">
                                                                                        <span class="ant-select-selection-search">
                                                                                            <input autocomplete="off" placeholder="Email/Account" type="text" inputmode="text" role="combobox" aria-haspopup="listbox" aria-owns="rc_select_3_list" aria-autocomplete="list" aria-controls="rc_select_3_list" aria-activedescendant="rc_select_3_list_0" class="ant-input ant-input-lg ant-input-borderless ant-select-selection-search-input GbLoginInput_input__9jeuN" value="gooloba@gmail.com" id="rc_select_3" aria-expanded="true" style="--placeholder-color: #999999;">
                                                                                        </span>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="GbLoginInput_suffix__hVImO"></div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="adm-list-item-description"></div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="adm-list-item adm-form-item adm-form-item-vertical">
                                                            <div class="adm-list-item-content">
                                                                <div class="adm-list-item-content-main">
                                                                    <div class="adm-form-item-child adm-form-item-child-position-normal">
                                                                        <div class="adm-form-item-child-inner">
                                                                            <div class="GbLoginInput_root__mlVsL">
                                                                                <div class="GbLoginInput_prefix__681qU">
                                                                                    <svg width="1em" height="1em" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="antd-mobile-icon" style="vertical-align: -0.125em;">
                                                                                        <g id="LockOutline-LockOutline" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                                                                            <g id="LockOutline-编组">
                                                                                                <rect id="LockOutline-矩形" fill="#FFFFFF" opacity="0" x="0" y="0" width="48" height="48"></rect>
                                                                                                <path d="M24,4 C30.627417,4 36,9.36227094 36,15.9769674 L36,22.042 L37,22.0422265 C39.209139,22.0422265 41,23.8296501 41,26.0345489 L41,40.0076775 C41,42.2125764 39.209139,44 37,44 L11,44 C8.790861,44 7,42.2125764 7,40.0076775 L7,26.0345489 C7,23.8296501 8.790861,22.0422265 11,22.0422265 L12,22.042 L12,15.9769674 C12,9.36227094 17.372583,4 24,4 Z M37,25.0364683 L11,25.0364683 C10.4871642,25.0364683 10.0644928,25.4217676 10.0067277,25.9181517 L10,26.0345489 L10,40.0076775 C10,40.5195291 10.3860402,40.9413891 10.8833789,40.9990433 L11,41.0057582 L37,41.0057582 C37.5128358,41.0057582 37.9355072,40.6204589 37.9932723,40.1240748 L38,40.0076775 L38,26.0345489 C38,25.5226974 37.6139598,25.1008374 37.1166211,25.0431831 L37,25.0364683 Z M26,30.350096 L26,35.5385797 C26,35.7594936 25.8209139,35.9385797 25.6,35.9385797 L23.4,35.9385797 C23.1790861,35.9385797 23,35.7594936 23,35.5385797 L23,30.350096 C23,30.1291821 23.1790861,29.950096 23.4,29.950096 L25.6,29.950096 C25.8209139,29.950096 26,30.1291821 26,30.350096 Z M24,6.99424184 C19.1181973,6.99424184 15.1442086,10.8735952 15.0038371,15.7121145 L15,15.9769674 L15,21.9654511 L33,21.9654511 L33,15.9769674 C33,11.1045347 29.1131863,7.13817363 24.2653623,6.99807158 L24,6.99424184 Z" id="LockOutline-形状" fill="currentColor" fill-rule="nonzero"></path>
                                                                                            </g>
                                                                                        </g>
                                                                                    </svg>
                                                                                </div>
                                                                                <input placeholder="Please Input Your Password" type="password" inputmode="text" class="ant-input ant-input-lg ant-input-borderless GbLoginInput_input__9jeuN" style="--placeholder-color: #999999;">
                                                                                <div class="GbLoginInput_eye__9xQwX">
                                                                                    <svg width="1em" height="1em" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="antd-mobile-icon" style="vertical-align: -0.125em;">
                                                                                        <g id="EyeInvisibleOutline-EyeInvisibleOutline" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                                                                            <g>
                                                                                                <rect id="EyeInvisibleOutline-矩形" fill="#FFFFFF" opacity="0" x="0" y="0" width="48" height="48"></rect>
                                                                                                <path d="M43.9994315,15.9365083 L43.9999698,19.1398192 C44.0000035,19.2541294 43.9511175,19.3629865 43.8656661,19.4389132 C41.8976273,21.1875881 40.3472812,22.4201338 39.2146277,23.1365504 L43.069177,27.6164237 C43.2132615,27.7838831 43.1943124,28.0364392 43.0268531,28.1805236 C43.0243605,28.1826684 43.0218415,28.1847822 43.0192967,28.1868648 L41.34056,29.5607067 C41.1725608,29.6981936 40.9255636,29.6765838 40.7839915,29.5120125 L36.5717102,24.6154211 L36.5717102,24.6154211 C34.4411,25.6613904 32.1547302,26.4497889 29.7555849,26.9386942 L31.8151948,32.4577097 C31.8924333,32.6646811 31.787264,32.8950787 31.5802926,32.9723172 C31.578285,32.9730664 31.5762713,32.9737995 31.5742519,32.9745164 L29.5092591,33.7075519 C29.3034391,33.7806144 29.0770623,33.6750779 29.000696,33.4704608 L26.7306385,27.3880274 L26.7306385,27.3880274 C25.8321727,27.4728394 24.9212826,27.5162362 24,27.5162362 C22.8475461,27.5162362 21.7113545,27.4483285 20.5954024,27.3163919 L18.2989035,33.4704401 C18.2225433,33.6750663 17.9961607,33.7806111 17.7903347,33.7075466 L15.7253694,32.9745208 C15.5171834,32.9006184 15.408325,32.6719407 15.4822273,32.4637547 C15.4829456,32.4617313 15.4836802,32.4597136 15.4844309,32.457702 L17.5964635,26.7987688 L17.5964635,26.7987688 C15.4331033,26.3051188 13.366263,25.5668201 11.4282898,24.6154211 L7.2160085,29.5120125 C7.0744364,29.6765838 6.82743919,29.6981936 6.65943999,29.5607067 L4.98070329,28.1868648 C4.80974183,28.0469537 4.7845706,27.7949416 4.92448176,27.6239802 C4.92656436,27.6214354 4.92867825,27.6189164 4.93082296,27.6164237 L8.78537229,23.1365504 L8.78537229,23.1365504 C7.65269194,22.4201168 6.10229907,21.1875295 4.13419368,19.4387887 C4.04886772,19.3628139 4,19.2540215 4,19.1397732 L4,15.963007 C4,15.7420931 4.1790861,15.563007 4.4,15.563007 C4.52022729,15.563007 4.63407812,15.617085 4.71004173,15.7102737 L4.82206693,15.8477011 L4.82206693,15.8477011 L5.01793153,16.0753075 C9.60282619,21.2879884 16.4059869,24.590413 24,24.590413 C31.6089491,24.590413 38.4239319,21.2749851 43.0090915,16.0445282 L43.3089769,15.691916 C43.4440976,15.5251917 43.6887913,15.499572 43.8555155,15.6346927 C43.9465338,15.7084579 43.9994118,15.8193518 43.9994315,15.9365083 Z" id="EyeInvisibleOutline-路径" fill="currentColor" fill-rule="nonzero"></path>
                                                                                            </g>
                                                                                        </g>
                                                                                    </svg>
                                                                                </div>
                                                                                <div class="GbLoginInput_suffix__hVImO"></div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="adm-list-item-description"></div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="adm-space-item" v-if='lindex == 1'>
                                                        <div class="adm-list-item adm-form-item adm-form-item-vertical">
                                                            <div class="adm-list-item-content">
                                                                <div class="adm-list-item-content-main">
                                                                    <div class="adm-form-item-child adm-form-item-child-position-normal">
                                                                        <div class="adm-form-item-child-inner">
                                                                            <div class="GbLoginInput_root__mlVsL">
                                                                                <div class="GbLoginInput_prefix__681qU">
                                                                                    <svg width="1em" height="1em" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="antd-mobile-icon" style="vertical-align: -0.125em;">
                                                                                        <g id="TransportQRcodeOutline-TransportQRcodeOutline" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                                                                            <g id="TransportQRcodeOutline-编组">
                                                                                                <rect id="TransportQRcodeOutline-矩形" fill="#FFFFFF" opacity="0" x="0" y="0" width="48" height="48"></rect>
                                                                                                <path d="M39.4210563,25 C41.3976532,25 43,26.6023468 43,28.5789436 L43,36.4210564 C43,38.3976532 41.3976532,40 39.4210564,40 L36,40 L36,42.6 C36,42.8209139 35.8209139,43 35.6,43 L33.4,43 C33.1790861,43 33,42.8209139 33,42.6 L33,40 L15,40 L15,42.6 C15,42.8209139 14.8209139,43 14.6,43 L12.4,43 C12.1790861,43 12,42.8209139 12,42.6 L12,40 L8.57894374,40 C6.60234679,40 5,38.3976532 5,36.4210564 L5,28.5789436 C5,26.6023473 6.60234679,25 8.57894358,25 L39.4210563,25 Z M39.1538488,28 L8.84615295,28 C8.41717324,28 8.05611316,28.321121 8.00592306,28.7471517 L8,28.8461516 L8,36.1538464 C8,36.5827146 8.32101708,36.9438183 8.74704068,36.9940639 L8.84615124,37 L39.153847,37 C39.5828268,37 39.9438868,36.678879 39.9940769,36.2528483 L40,36.1538484 L40,28.8461536 C40,28.4172855 39.6789833,28.0561818 39.2529593,28.0059362 L39.1538488,28 Z M14,30.5 C15.1045695,30.5 16,31.3954305 16,32.5 C16,33.6045695 15.1045695,34.5 14,34.5 C12.8954305,34.5 12,33.6045695 12,32.5 C12,31.3954305 12.8954305,30.5 14,30.5 Z M35,30.5 C36.1045695,30.5 37,31.3954305 37,32.5 C37,33.6045695 36.1045695,34.5 35,34.5 C33.8954305,34.5 33,33.6045695 33,32.5 C33,31.3954305 33.8954305,30.5 35,30.5 Z M28.6,5 C28.8209139,5 29,5.1790861 29,5.4 L29,21.6 C29,21.8209139 28.8209139,22 28.6,22 L26.4,22 C26.1790861,22 26,21.8209139 26,21.6 L26,5.4 C26,5.1790861 26.1790861,5 26.4,5 L28.6,5 Z M35.1,12 C35.3209139,12 35.5,12.1790861 35.5,12.4 L35.5,21.6 C35.5,21.8209139 35.3209139,22 35.1,22 L32.9,22 C32.6790861,22 32.5,21.8209139 32.5,21.6 L32.5,12.4 C32.5,12.1790861 32.6790861,12 32.9,12 L35.1,12 Z M41.6,19 C41.8209139,19 42,19.1790861 42,19.4 L42,21.6 C42,21.8209139 41.8209139,22 41.6,22 L39.4,22 C39.1790861,22 39,21.8209139 39,21.6 L39,19.4 C39,19.1790861 39.1790861,19 39.4,19 L41.6,19 Z M18.4210563,5 C20.3976532,5 22,6.60234681 22,8.57894362 L22,18.4210564 C22,20.3976532 20.3976532,22 18.4210564,22 L8.57894374,22 C6.60234679,22 5,20.3976532 5,18.4210564 L5,8.57894362 C5,6.60234735 6.60234679,5 8.57894358,5 L18.4210563,5 Z M18.1538488,8 L8.84615295,8 C8.41717324,8 8.05611316,8.32112097 8.00592306,8.74715167 L8,8.84615155 L8,18.1538464 C8,18.5827146 8.32101708,18.9438183 8.74704068,18.9940639 L8.84615124,19 L18.153847,19 C18.5828268,19 18.9438868,18.678879 18.9940769,18.2528483 L19,18.1538484 L19,8.84615359 C19,8.41728552 18.6789833,8.05618185 18.2529593,8.00593623 L18.1538488,8 Z M14.95239,11.3333277 C15.4520763,11.3333277 15.8571487,11.7384032 15.8571487,12.2380876 L15.8571487,14.9523715 C15.8571487,15.4520584 15.4520737,15.8571314 14.9523899,15.8571314 L12.2381091,15.8571314 C11.7384228,15.8571314 11.3333503,15.4520559 11.3333503,14.9523715 L11.3333503,12.2380876 C11.3333503,11.7384007 11.7384254,11.3333277 12.2381092,11.3333277 L14.95239,11.3333277 Z M41.6,5 C41.8209139,5 42,5.1790861 42,5.4 L42,14.6 C42,14.8209139 41.8209139,15 41.6,15 L39.4,15 C39.1790861,15 39,14.8209139 39,14.6 L39,5.4 C39,5.1790861 39.1790861,5 39.4,5 L41.6,5 Z M35.1,5 C35.3209139,5 35.5,5.1790861 35.5,5.4 L35.5,7.6 C35.5,7.8209139 35.3209139,8 35.1,8 L32.9,8 C32.6790861,8 32.5,7.8209139 32.5,7.6 L32.5,5.4 C32.5,5.1790861 32.6790861,5 32.9,5 L35.1,5 Z" id="TransportQRcodeOutline-形状结合" fill="currentColor" fill-rule="nonzero"></path>
                                                                                            </g>
                                                                                        </g>
                                                                                    </svg>
                                                                                </div>
                                                                                <input placeholder="Invite Code (Optional)" type="text" inputmode="text" class="ant-input ant-input-lg ant-input-borderless GbLoginInput_input__9jeuN" value="" style="--placeholder-color: #999999;">
                                                                                <div class="GbLoginInput_suffix__hVImO"></div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="adm-list-item-description"></div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="adm-space-item">
                                                        <div class="adm-list-item adm-form-item adm-form-item-vertical">
                                                            <div class="adm-list-item-content">
                                                                <div class="adm-list-item-content-main">
                                                                    <div class="adm-form-item-child adm-form-item-child-position-normal">
                                                                        <div class="adm-form-item-child-inner">
                                                                            <div class="GbLoginInput_root__mlVsL">
                                                                                <div class="GbLoginInput_prefix__681qU">
                                                                                    <svg width="1em" height="1em" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="antd-mobile-icon" style="vertical-align: -0.125em;">
                                                                                        <g id="CheckShieldOutline-CheckShieldOutline" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                                                                            <g id="CheckShieldOutline-编组">
                                                                                                <rect id="CheckShieldOutline-矩形" fill="#FFFFFF" opacity="0" x="0" y="0" width="48" height="48"></rect>
                                                                                                <path d="M23.5828113,4.01694873 L39.8608414,7.3485224 C41.6942831,7.74819585 43,9.35541667 43,11.212546 L43,29.7608837 C43,32.637301 41.4221454,35.2872082 38.8789667,36.681899 L25.4394833,43.5037686 C24.2329985,44.1654105 22.7670015,44.1654105 21.5605167,43.5037686 L9.12103331,36.681899 C6.57785456,35.2872082 5,32.637301 5,29.7608837 L5,11.212546 C5,9.35541667 6.30571695,7.74819585 8.1391586,7.3485224 L23.4174116,4.01800352 C23.4718692,4.00613226 23.5282067,4.00577298 23.5828113,4.01694873 Z M23.417495,7.05577718 L8.78478965,10.2465401 C8.36462594,10.3381319 8.05532106,10.6833926 8.00668805,11.0979156 L8,11.212546 L8,29.7608837 C8,31.3482043 9.62086939,32.8251594 11.0260387,33.7491918 L11.3717744,33.9684245 L11.5756458,34.0865183 L23.0151292,40.9083879 C23.2790477,41.053122 23.5926385,41.0712138 23.8689752,40.9626632 L23.9848708,40.9083879 L37.4243542,34.0865183 C38.9447328,33.2527357 39.9131065,31.7011782 39.9944389,29.9945186 L40,29.7608837 L40,11.212546 C40,10.7869539 39.7257088,10.4138599 39.3269393,10.2776704 L39.2152103,10.2465401 L23.5827367,7.05467968 C23.5281801,7.04354024 23.4718988,7.04391405 23.417495,7.05577718 Z M32.7058154,19 C32.9267293,19 33.1058154,19.1790861 33.1058154,19.4 C33.1058154,19.5068429 33.0630714,19.6092453 32.9871111,19.6843814 L24.2457367,28.3309047 C23.9176305,28.6554624 23.5052693,28.8433642 23.0796048,28.8946101 L22.9194955,28.9074216 L22.7589706,28.9074216 C22.2776035,28.8882044 21.8018489,28.6960321 21.4327294,28.3309047 L15.6927625,22.6523601 C15.5357148,22.4969929 15.5343524,22.2437305 15.6897196,22.0866828 C15.7648541,22.0107357 15.8672473,21.968 15.9740797,21.968 L19.0785907,21.968 C19.1839217,21.968 19.2850018,22.0095463 19.3598871,22.0836194 L22.839,25.525 L29.3191147,19.1156096 C29.3939991,19.0415425 29.4950749,19 29.6004012,19 L32.7058154,19 Z" id="CheckShieldOutline-形状结合" fill="currentColor" fill-rule="nonzero"></path>
                                                                                            </g>
                                                                                        </g>
                                                                                    </svg>
                                                                                </div>
                                                                                <input placeholder="CAPTCHA" type="text" inputmode="text" class="ant-input ant-input-lg ant-input-borderless GbLoginInput_input__9jeuN" value="" style="--placeholder-color: #999999;">
                                                                                <div class="GbLoginInput_suffix__hVImO">
                                                                                    <div class="BbImageCode_root__slmTP">
                                                                                        <div class="ant-image">
                                                                                            <img class="ant-image-img BbImageCode_imageCode__nJxwI" src="https://www.spicy03.com/api/auth/image_code?t=1701330309331">
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="adm-list-item-description"></div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="adm-space-item">
                                                        <div class="adm-space adm-space-block adm-space-horizontal adm-space-justify-between">
                                                            <div class="adm-space-item">
                                                                <span class="AuthForms_forgot__TyOnU" style="color: rgb(89, 94, 99);">Forgot Password?</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="adm-space-item">
                                                        <button type="button" class="adm-button adm-button-primary adm-button-block adm-button-shape-default AuthForms_submit__syNzE">{{lindex == 0 ? 'Login' : 'Sign Up'}}</button>
                                                    </div>
                                                    <div class="adm-space-item">
                                                        <div class="AuthForms_terms__ISD8S">To visit this site, make sure you are over 18 and agree&nbsp;<span class="AuthForms_termsTo__0cobx">Terms of Service</span>
                                                        </div>
                                                    </div>
                                                    <div class="adm-space-item" v-if="lindex == 0">
                                                        <div class="AuthForms_switchText__mboTa">Don't you have an account?&nbsp;<span  @click='lindex = 1' class="AuthForms_switchTextTo__0a5-2">Sign Up</span>
                                                        </div>
                                                    </div>
                                                    <div class="adm-space-item" v-if="lindex == 1">
                                                        <div class="AuthForms_switchText__mboTa">Do you have an account?&nbsp;<span @click='lindex = 0' class="AuthForms_switchTextTo__0a5-2">Login</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                                <div class="ThirdPartyAuth_root__FULBU">
                                    <p class="ThirdPartyAuth_title__S-kvT">Login with</p>
                                    <div class="ThirdPartyAuth_buttons__IYaWu">
                                        <div class="ThirdPartyAuth_button__YFsA0" style="background: rgb(255, 255, 255);">
                                            <svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5648" width="1em" height="1em">
                                                <path d="M214.101333 512c0-32.512 5.546667-63.701333 15.36-92.928L57.173333 290.218667A491.861333 491.861333 0 0 0 4.693333 512c0 79.701333 18.858667 154.88 52.394667 221.610667l172.202667-129.066667A290.56 290.56 0 0 1 214.101333 512" fill="#FBBC05" p-id="5649"></path>
                                                <path d="M516.693333 216.192c72.106667 0 137.258667 25.002667 188.458667 65.962667L854.101333 136.533333C763.349333 59.178667 646.997333 11.392 516.693333 11.392c-202.325333 0-376.234667 113.28-459.52 278.826667l172.373334 128.853333c39.68-118.016 152.832-202.88 287.146666-202.88" fill="#EA4335" p-id="5650"></path>
                                                <path d="M516.693333 807.808c-134.357333 0-247.509333-84.864-287.232-202.88l-172.288 128.853333c83.242667 165.546667 257.152 278.826667 459.52 278.826667 124.842667 0 244.053333-43.392 333.568-124.757333l-163.584-123.818667c-46.122667 28.458667-104.234667 43.776-170.026666 43.776" fill="#34A853" p-id="5651"></path>
                                                <path d="M1005.397333 512c0-29.568-4.693333-61.44-11.648-91.008H516.650667V614.4h274.602666c-13.696 65.962667-51.072 116.650667-104.533333 149.632l163.541333 123.818667c93.994667-85.418667 155.136-212.650667 155.136-375.850667" fill="#4285F4" p-id="5652"></path>
                                            </svg>
                                        </div>
                                        <div class="ThirdPartyAuth_button__YFsA0" style="background: rgba(30, 110, 230, 0.984); font-size: 30px;">
                                            <span role="img" class="anticon">
                                                <svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3877" width="1em" height="1em">
                                                    <path d="M512.262115 959.556658c247.175132 0 447.569968-200.366167 447.569968-447.556658 0-247.16387-200.394836-447.556658-447.569968-447.556658-247.17718 0-447.556658 200.392788-447.556658 447.556658-0.001024 247.190491 200.378454 447.556658 447.556658 447.556658" fill="rgba(30,110,230,.986)" p-id="3878"></path>
                                                    <path d="M404.292383 436.216104h46.269378v-44.969044c0-19.828563 0.499656-50.408946 14.904699-69.347753 15.172957-20.05689 36.000832-33.690947 71.826579-33.690946 58.371702 0 82.952117 8.326235 82.952118 8.326235l-11.564785 68.550147s-19.285904-5.576079-37.275569-5.57608c-17.99888 0-34.111763 6.449454-34.111764 24.438095v52.269346h73.791416l-5.152191 66.958004h-68.639225v232.604221h-86.731278V503.174108h-46.269378v-66.958004z" fill="#FFFFFF" p-id="3879"></path>
                                                </svg>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 选择地区弹框 -->
    <div v-cloak v-if="showCountry">
        <div class="selectBox" >
            <div class="selectContent" v-cloak>
                <div class="csitem" v-for="(item,index) in countryList" :key="index" @click="selectCountryFun(item,index)">
                    <div>
                        <span class="fi fi-br"style="margin-right: 5px;"></span>
                        <span  :style="{'color' : selectCountryIndex == index ? '#2283f6' : '#FFF'}">{{item.name}}</span>
                    </div>
                    <img v-if="selectCountryIndex == index" style="width: 20px;height: 20px;" src="./assets/common/dui.png" alt="">
                </div>
                <img @click="showCountry = false;" class="closeIcon" src="./assets/common/close.png" alt="">
            </div>
        </div> 
    </div>
    <!-- 选择语言弹框 -->
   <div v-cloak v-if="showLang">
        <div class="selectBox" >
            <div class="selectContent" v-cloak>
                <div class="csitem" v-for="(item,index) in langList" :key="index" @click="selectLangFun(item,index)">
                    <span :style="{'color' : selectLangIndex == index ? '#2283f6' : '#FFF'}">{{item.name}}</span>
                    <img v-if="selectLangIndex == index" style="width: 20px;height: 20px;" src="./assets/common/dui.png" alt="">
                </div>
                <img @click="showLang = false;" class="closeIcon" src="./assets/common/close.png" alt="">
            </div>
        </div> 
   </div>
   <!-- loading -->
   <div class="loading" v-if="showLoading">
        <img style="width: 200px;height: 200px;" src="./img/logo.png" alt="">
   </div>
</div>
<script type="text/javascript" src="./js/jquery.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script type="text/javascript" src="./js/swiper-3.4.2.min.js"></script>
<script type="text/javascript" src="./js/vue.min.js"></script>
<script type="text/javascript" src="./js/vue-i18n.js"></script>
<script type="text/javascript" src="./js/lang.js"></script>
<script type="text/javascript" src="./js/index.js"></script>
<script>        
         
</script>
<script>
    var app = new Vue({
        el: '#app',
        i18n,
        computed:{
            
        },
        watch:{
            innerWidth(newValue, oldValue){
                if(newValue <= 770){
                    if(this.mySwiper){
                        this.slidesPerViewNums = 1;
                        this.spaceBetweenNums = 0;
                        this.mySwiper.destroy();
                        this.initSwiper();
                    };
                    this.showBigImg = false;
                    this.toggleActive = true;
                    this.showSearch = true;
                    this.showBtn = false;
                    this.gameW = '25%';
                    this.bounsW = '100%';
                    this.showMask = !this.toggleActive;
                }else{
                    if(this.mySwiper){
                        this.slidesPerViewNums = 3;
                        this.spaceBetweenNums = 20;
                        this.mySwiper.destroy();
                        this.initSwiper();
                    };
                    this.showBigImg = true;
                    this.toggleActive = false;
                    this.showSearch = false;
                    this.showBtn = true;
                    this.showMask = false;
                    this.gameW = '12.5%';
                    this.bounsW = '33.333333%';
                };
            },
            toggleActive(newValue, oldValue){
                if(this.innerWidth <= 770){
                    this.showMask = !this.toggleActive;
                }else{
                    this.showMask = false;
                };
            }
        },
        data: {
            showBigImg:false,
            showLoading:true,
            mySwiper:null,
            slidesPerViewNums:3,
            spaceBetweenNums:20,
            innerWidth:null,
            innerHeight:null,
            showMask:false,
            share_tab: 0,
            dwm: 0,
            reg_tab: 0,
            rec_tab: 0,
            showSearch:false,
            isLogin:true, // 登录状态
            showBtn:false,
            showLang:false, // 语言
            selectLangIndex:0,
            currentLangName:'English',
            currentLangVAL:'EN',
            langList:[
                {
                    name:'English',
                    val:'EN'
                },
                {
                    name:'Português',
                    val:'PO'
                },
                {
                    name:'Español',
                    val:'ES'
                }
            ], // 语言列表
            showCountry:false, // 国家地区
            selectCountryIndex:0,
            currentcountryName:'American',
            currentcountryVal:'US',
            countryList:[
                {
                    name:'American',
                    val:'US'
                },
                {
                    name:'Brasil',
                    val:'BR'
                },
                {
                    name:'Mexico',
                    val:'MX'
                },
                {
                    name:'Colombia',
                    val:'Cl'
                }
            ], // 国家地区列表
            currentShowTemplate:'main', // 模板内容显示
            toggleActive:false,
            showRecharge:false, // 充值中心
            showMessage:false, // 消息中心
            showUserInfo:false, // 用户信息
            showService:false, // 客服弹框
            showLogin:false, // 登录注册
            gameW:'12.5%',
            bounsW:'33.3333%',
            loginRe:['Login','Register'],
            lindex:0,
            showMenu:false,
            mindex:0,
            menusList:[
                {
                    name:'All Games',
                    type:0,
                    icon:'https://www.spicy03.com/assets/common/category_all.png'
                },
                {
                    name:'Favorito',
                    type:0,
                    icon:'https://spicy.rescdns.com/static/cdnimg/v4/7E1EFA6D3EE5BE143B26D5397186366D'
                },
                {
                    name:'Popular',
                    type:0,
                    icon:'https://spicy.rescdns.com/static/cdnimg/v4/E37362CC8FA5417211048A7EAC4EB106'
                },
                {
                    name:'Originais',
                    type:0,
                    icon:'https://spicy.rescdns.com/static/cdnimg/v4/A07B5F0584671A575D92A6E8188F55B3'
                },
                {
                    name:'PragmaticPlay',
                    type:0,
                    icon:'https://spicy.rescdns.com/static/cdnimg/v4/3C0794ABC816B2265862058B6E61FFC4'
                },
                {
                    name:'PGSLOT',
                    type:0,
                    icon:'https://spicy.rescdns.com/static/cdnimg/v4/B2580412C86A99686129565891414522'
                }
            ],
            gameHistroy:[1,2,3,4,5,6,7,8], // 游戏历史
            bets:[
                {
                    name:'All Bets',
                    type:0
                },
                {
                    name:'My Bets',
                    type:1
                }
            ],
            bstIndex:0,
            betsList:[1,2,3,4,5]
        },
        mounted() {
            this.currentcountryName =  localStorage.getItem('COUNTRY_NAME') ?  localStorage.getItem('COUNTRY_NAME') : 'American';
            this.currentLangName =  localStorage.getItem('LANG_NAME') ?  localStorage.getItem('LANG_NAME') : 'English';
            this.currentcountryVal =  localStorage.getItem('COUNTRY_VAL') ?  localStorage.getItem('COUNTRY_VAL') : 'US';
            this.currentLangVAL =  localStorage.getItem('LANG_VAL') ?  localStorage.getItem('LANG_VAL') : 'EN';
            this.selectCountryIndex = this.countryList.findIndex((item,index)=>{return item.name == this.currentcountryName});
            this.selectLangIndex = this.langList.findIndex((item,index)=>{return item.name == this.currentLangName});
            this.innerWidth  = window.innerWidth;
            this.innerHeight = window.innerHeight;
            if(window.innerWidth <= 770){
                this.slidesPerViewNums = 1;
            }else{
                this.slidesPerViewNums = 3;
            };
            setTimeout(()=>{
                this.showLoading = false;
                this.initSwiper();
            },1000);
            // 监听浏览器窗口变化
            window.onresize = (res) => {
                return (() => {
                    this.$nextTick(() => {
                        this.innerWidth = res.currentTarget.innerWidth; // 屏幕宽
                        this.innerHeight = res.currentTarget.innerHeight; // 屏幕高
                    });
                })();
            };
        },
        destroyed() { 
            
        },
        methods: {
            initSwiper(){
                this.mySwiper = new Swiper ('.swiper-container', {
                    speed: 1000,
                    slidesPerView :this.slidesPerViewNums, // 轮播展示个数
                    spaceBetween : this.spaceBetweenNums, // 间距
                    loop: true,
                    pagination: '.swiper-pagination',
                    autoplay:2000,
                    observer: true, //修改swiper自己或子元素时，自动初始化swiper
                    observeParents: true, //修改swiper的父元素时，自动初始化swiper
                    direction: 'horizontal'
                })
            },
            refres(){
                window.location.reload();
            },
            logOut(){
                this.isLogin = false;
            },
            jump(url){
                window.open(url)
            },
            selectBets(item,index){
                this.bstIndex = index;
            },
            // 选择游戏分类
            selectMenu(item,index){
                this.mindex = index;
            },
            // 选择国家地区
            selectCountryFun(item,i){
                localStorage.setItem('COUNTRY_NAME',item.name);
                localStorage.setItem('COUNTRY_VAL',item.val);
                this.currentcountryName = item.name;
                this.selectCountryIndex = i;
                this.showCountry = false;
            },
            // 选择语言
            selectLangFun(item,i){
                localStorage.setItem('LANG_NAME',item.name);
                localStorage.setItem('LANG_VAL',item.val);
                this.$i18n.locale = item.val;
                this.currentLangName = item.name;
                this.selectLangIndex = i;
                this.showLang = false;
            },
        }
    })
    </script>
</body>
</html>